diff --git a/packages/ui-patterns/src/MultipleCodeBlock/index.test.tsx b/packages/ui-patterns/src/MultipleCodeBlock/index.test.tsx
index fa9025fa192..a4d272671d5 100644
--- a/packages/ui-patterns/src/MultipleCodeBlock/index.test.tsx
+++ b/packages/ui-patterns/src/MultipleCodeBlock/index.test.tsx
@@ -35,4 +35,22 @@ describe('MultipleCodeBlock', () => {
     expect(screen.getByRole('tab', { selected: true })).toHaveTextContent('.env')
     expect(screen.getByText('VITE_SUPABASE_URL=https://react.example')).toBeVisible()
   })
+
+  it('renders tab content with vertical auto-scrolling instead of forced overflow scrollbars', () => {
+    const { container } = render(
+      <MultipleCodeBlock
+        files={[
+          {
+            name: 'page.tsx',
+            language: 'tsx',
+            code: 'export default function Page() { return null }',
+          },
+        ]}
+      />
+    )
+
+    const tabContent = container.querySelector('[data-connect-tab-content]')
+    expect(tabContent).toHaveClass('overflow-y-auto')
+    expect(tabContent).not.toHaveClass('overflow-scroll')
+  })
 })
diff --git a/packages/ui-patterns/src/MultipleCodeBlock/index.tsx b/packages/ui-patterns/src/MultipleCodeBlock/index.tsx
index 901be3a7f86..59ca1098aeb 100644
--- a/packages/ui-patterns/src/MultipleCodeBlock/index.tsx
+++ b/packages/ui-patterns/src/MultipleCodeBlock/index.tsx
@@ -153,7 +153,7 @@ export const MultipleCodeBlock = ({
           key={file.name}
           value={file.name}
           forceMount
-          className="p-0 max-h-72 overflow-scroll data-[state=inactive]:hidden"
+          className="p-0 max-h-72 overflow-y-auto data-[state=inactive]:hidden"
           data-connect-tab-content
           data-tab-label={file.name}
         >