From 42d43e09c494aaa196e9b155e65adb2cd21fc18e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Greg=20Berg=C3=A9?= <berge.greg@gmail.com>
Date: Fri, 20 Jun 2025 08:41:21 +0200
Subject: [PATCH] Always show scrollbars (#3363)

---
 .changeset/fuzzy-baboons-buy.md                          | 5 +++++
 .../DocumentView/CodeBlock/CodeBlockRenderer.tsx         | 2 +-
 packages/gitbook/src/components/Header/Header.tsx        | 1 -
 packages/gitbook/src/components/RootLayout/globals.css   | 9 ---------
 4 files changed, 6 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/fuzzy-baboons-buy.md

diff --git a/.changeset/fuzzy-baboons-buy.md b/.changeset/fuzzy-baboons-buy.md
new file mode 100644
index 000000000..47e5eae93
--- /dev/null
+++ b/.changeset/fuzzy-baboons-buy.md
@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Show scrollbars
diff --git a/packages/gitbook/src/components/DocumentView/CodeBlock/CodeBlockRenderer.tsx b/packages/gitbook/src/components/DocumentView/CodeBlock/CodeBlockRenderer.tsx
index 8fb73c0a1..8e85c443d 100644
--- a/packages/gitbook/src/components/DocumentView/CodeBlock/CodeBlockRenderer.tsx
+++ b/packages/gitbook/src/components/DocumentView/CodeBlock/CodeBlockRenderer.tsx
@@ -47,7 +47,7 @@ export const CodeBlockRenderer = forwardRef(function CodeBlockRenderer(
             />
             <pre
                 className={tcls(
-                    'hide-scroll relative overflow-auto border border-tint-subtle bg-tint-subtle theme-muted:bg-tint-base p-2 [grid-area:2/1] contrast-more:border-tint contrast-more:bg-tint-base [html.theme-bold.sidebar-filled_&]:bg-tint-base',
+                    'relative overflow-auto border border-tint-subtle bg-tint-subtle theme-muted:bg-tint-base p-2 [grid-area:2/1] contrast-more:border-tint contrast-more:bg-tint-base [html.theme-bold.sidebar-filled_&]:bg-tint-base',
                     'rounded-md straight-corners:rounded-sm shadow-sm',
                     title && 'rounded-ss-none'
                 )}
diff --git a/packages/gitbook/src/components/Header/Header.tsx b/packages/gitbook/src/components/Header/Header.tsx
index f3bd145d5..1443d0354 100644
--- a/packages/gitbook/src/components/Header/Header.tsx
+++ b/packages/gitbook/src/components/Header/Header.tsx
@@ -185,7 +185,6 @@ export function Header(props: { context: GitBookSiteContext; withTopHeader?: boo
                             'w-full',
                             'overflow-x-scroll',
                             'overflow-y-hidden',
-                            'hide-scroll',
                             '-mb-4 pb-4', // Positive padding / negative margin allows the navigation menu indicator to show in a scroll viewƒ
                             !sections ? ['hidden', 'page-no-toc:flex'] : 'flex'
                         )}
diff --git a/packages/gitbook/src/components/RootLayout/globals.css b/packages/gitbook/src/components/RootLayout/globals.css
index 80aacb11a..11d6f84aa 100644
--- a/packages/gitbook/src/components/RootLayout/globals.css
+++ b/packages/gitbook/src/components/RootLayout/globals.css
@@ -62,15 +62,6 @@
 }
 
 @layer utilities {
-    /*  hide scroll bar but still scroll */
-    .hide-scroll::-webkit-scrollbar {
-        display: none;
-    }
-    .hide-scroll {
-        scrollbar-width: none;
-        -ms-overflow-style: none;
-    }
-
     .linear-mask-gradient {
         mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 96px, rgba(0, 0, 0, 0));
     }