From f7e1539df30f8755441395893b3e906ac43576bd Mon Sep 17 00:00:00 2001
From: Rahul Gurung <gurungrahul2@gmail.com>
Date: Wed, 17 Feb 2021 17:57:57 +0530
Subject: [PATCH] fixed codeblocks layout with long code

---
 .../docusaurus-theme-classic/src/theme/CodeBlock/index.tsx     | 3 ++-
 .../src/theme/CodeBlock/styles.module.css                      | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx b/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx
index 0ef4a300b6282..0b258e5c0abff 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx
@@ -213,7 +213,8 @@ export default function CodeBlock({
               tabIndex={0}
               className={clsx(className, styles.codeBlock, 'thin-scrollbar', {
                 [styles.codeBlockWithTitle]: codeBlockTitle,
-              })}>
+              })}
+              style={style}>
               <div className={styles.codeBlockLines} style={style}>
                 {tokens.map((line, i) => {
                   if (line.length === 1 && line[0].content === '') {
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
index cc3cf38cd499b..4d3267ef16c2e 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
@@ -58,6 +58,7 @@
   float: left;
   min-width: 100%;
   padding: var(--ifm-pre-padding);
+  width: 1px;
 }
 
 @media print {