diff --git a/packages/richtext-lexical/src/lexical/ui/ContentEditable.scss b/packages/richtext-lexical/src/lexical/ui/ContentEditable.scss
index dca212cfc22..728b139f7f3 100644
--- a/packages/richtext-lexical/src/lexical/ui/ContentEditable.scss
+++ b/packages/richtext-lexical/src/lexical/ui/ContentEditable.scss
@@ -33,20 +33,26 @@ $lexical-contenteditable-bottom-padding: 8px;
     > .ContentEditable__root {
       padding-left: 3rem;
     }
+  }
+
+  .rich-text-lexical
+    > .rich-text-lexical__wrap
+    > .editor-container
+    > .editor-scroller
+    > .editor
     > .ContentEditable__root::before {
-      content: ' ';
-      position: absolute;
-      top: $lexical-contenteditable-top-padding;
-      left: 0;
-      height: calc(
-        100% - #{$lexical-contenteditable-top-padding} - #{$lexical-contenteditable-bottom-padding}
-      );
-      border-left: 1px solid var(--theme-elevation-100);
-    }
+    content: ' ';
+    position: absolute;
+    top: $lexical-contenteditable-top-padding;
+    left: 0;
+    height: calc(
+      100% - #{$lexical-contenteditable-top-padding} - #{$lexical-contenteditable-bottom-padding}
+    );
+    border-left: 1px solid var(--theme-elevation-100);
   }
 
   html[data-theme='light'] {
-    .rich-text-lexical.rich-text-lexical--show-gutter {
+    .rich-text-lexical.rich-text-lexical {
       &.error:not(:hover) {
         > .rich-text-lexical__wrap
           > .editor-container
@@ -70,7 +76,7 @@ $lexical-contenteditable-bottom-padding: 8px;
   }
 
   html[data-theme='dark'] {
-    .rich-text-lexical.rich-text-lexical--show-gutter {
+    .rich-text-lexical.rich-text-lexical {
       &.error {
         > .rich-text-lexical__wrap
           > .editor-container