fix(gatsby-theme-docz): fix horizontal code overflow

doczjs · Dec 3, 2019 · a0b7823 · a0b7823
1 parent b55af24
commit a0b7823
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/core/gatsby-theme-docz/src/components/Code/index.js b/core/gatsby-theme-docz/src/components/Code/index.js
@@ -21,7 +21,7 @@ export const Code = ({ children, className: outerClassName }) => {
       {({ className, style, tokens, getLineProps, getTokenProps }) => (
         <Styled.pre
           className={`${outerClassName || ''} ${className}`}
-          style={style}
+          style={{ ...style, overflowX: 'auto' }}
           data-testid="code"
         >
           {tokens.map((line, i) => (