--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -756,17 +756,16 @@ a.learn-more-link.webconsole-learn-more-
 }
 
 .webconsole-output-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%;
   -moz-user-focus: normal;
   color: var(--console-output-color);
-  --console-output-indent-width: 1rem;
   --console-output-indent-border-color: var(--theme-selection-background);
   --icon-top-margin: 3px;
   --object-inspector-hover-background: transparent;
   --attachment-margin-block-end: 3px;
   --primary-toolbar-height: 29px;
   --close-button-image: url(chrome://devtools/skin/images/close.svg);
 }
 
@@ -932,17 +931,17 @@ a.learn-more-link.webconsole-learn-more-
 .theme-dark .webconsole-output-wrapper .message.warn .objectLeftBrace,
 .theme-dark .webconsole-output-wrapper .message.warn .objectRightBrace,
 .theme-dark .webconsole-output-wrapper .message.warn .arrayLeftBracket,
 .theme-dark .webconsole-output-wrapper .message.warn .arrayRightBracket {
   color: var(--theme-body-color);
 }
 .theme-dark .webconsole-output-wrapper .message.error .tree.object-inspector,
 .theme-dark .webconsole-output-wrapper .message.warn .tree.object-inspector {
-  --tree-indent-border-color: var(--theme-body-color);
+  --console-output-indent-border-color: var(--theme-body-color);
 }
 
 .webconsole-output-wrapper .message-flex-body > .message-body {
   display: inline-block;
   max-width: 100%;
 }
 
 .webconsole-output-wrapper .message-body > * {