From a0b7823bd1133f444972877c3d51757668118272 Mon Sep 17 00:00:00 2001
From: rakannimer <rakannimer@gmail.com>
Date: Tue, 3 Dec 2019 12:59:01 +0200
Subject: [PATCH] fix(gatsby-theme-docz): fix horizontal code overflow

---
 core/gatsby-theme-docz/src/components/Code/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/gatsby-theme-docz/src/components/Code/index.js b/core/gatsby-theme-docz/src/components/Code/index.js
index 89a26c585..169f782ed 100644
--- 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) => (