From c378a8a3ad696e4d474e3a14100abda0a2354908 Mon Sep 17 00:00:00 2001
From: L-Sun <zover.v@gmail.com>
Date: Wed, 12 Mar 2025 01:14:45 +0000
Subject: [PATCH] fix(editor): horizontal scroll bar missing in code block
 (#10742)

---
 blocksuite/affine/blocks/block-code/src/styles.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/blocksuite/affine/blocks/block-code/src/styles.ts b/blocksuite/affine/blocks/block-code/src/styles.ts
index 118f88fc57..bde3d54793 100644
--- a/blocksuite/affine/blocks/block-code/src/styles.ts
+++ b/blocksuite/affine/blocks/block-code/src/styles.ts
@@ -1,3 +1,4 @@
+import { scrollbarStyle } from '@blocksuite/affine-shared/styles';
 import { css } from 'lit';
 
 export const codeBlockStyles = css`
@@ -15,9 +16,7 @@ export const codeBlockStyles = css`
     padding: 12px;
   }
 
-  .affine-code-block-container rich-text {
-    overflow-x: hidden;
-  }
+  ${scrollbarStyle('.affine-code-block-container rich-text')}
 
   .affine-code-block-container .inline-editor {
     font-family: var(--affine-font-code-family);