diff --git a/packages/code-block/partials/code-lines/code-lines.module.css b/packages/code-block/partials/code-lines/code-lines.module.css
index a3611cc08..2e5e0219c 100644
--- a/packages/code-block/partials/code-lines/code-lines.module.css
+++ b/packages/code-block/partials/code-lines/code-lines.module.css
@@ -159,7 +159,7 @@ SCROLL OVERFLOW LAYOUT
   }
 }
 
-.linesScrollContainer {
+.linesScrollableContent {
   display: flex;
   width: max-content;
   min-width: 100%;
diff --git a/packages/code-block/partials/code-lines/index.tsx b/packages/code-block/partials/code-lines/index.tsx
index f5a0f70ee..b887600d6 100644
--- a/packages/code-block/partials/code-lines/index.tsx
+++ b/packages/code-block/partials/code-lines/index.tsx
@@ -119,7 +119,7 @@ function CodeLines({
           </span>
         ) : null}
         <span className={classNames(s.linesColumn, s.styledScrollbars)}>
-          <span className={s.linesScrollContainer}>
+          <span className={s.linesScrollableContent}>
             {linesOfCode.map(({ children, highlight, dim }, idx) => (
               <LineOfCode key={idx} {...{ highlight, dim, padRight }}>
                 {children}