diff --git a/packages/docz-theme-default/src/components/ui/Pre.tsx b/packages/docz-theme-default/src/components/ui/Pre.tsx
index 70f7e34c1..287406697 100644
--- a/packages/docz-theme-default/src/components/ui/Pre.tsx
+++ b/packages/docz-theme-default/src/components/ui/Pre.tsx
@@ -6,6 +6,7 @@ import prism from 'prismjs'
 import styled, { cx } from 'react-emotion'
 
 const PreStyled = styled('pre')`
+  overflow-y: hidden;
   border: 1px solid ${p => p.theme.colors.border};
   margin: 2em 0;
   border-radius: 5px;
diff --git a/packages/docz-theme-default/src/components/ui/Render.tsx b/packages/docz-theme-default/src/components/ui/Render.tsx
index 943f9ab07..c94f0d3b7 100644
--- a/packages/docz-theme-default/src/components/ui/Render.tsx
+++ b/packages/docz-theme-default/src/components/ui/Render.tsx
@@ -16,11 +16,6 @@ const Code = styled('div')`
   & pre[class*='language-'] {
     margin: 0;
     border-radius: 0 0 5px 5px;
-
-    ${p =>
-      p.theme.mq({
-        overflowY: ['hidden', 'hidden', 'hidden', 'initial'],
-      })};
   }
 `