Add a code scroll bar for small UIs

1 files changed, 15 insertions, 0 deletions

diff --git a/components/Markdown/markdown.module.scss b/components/Markdown/markdown.module.scss
index ebd372c..e1debd1 100644
--- a/components/Markdown/markdown.module.scss
+++ b/components/Markdown/markdown.module.scss
@@ -73,6 +73,10 @@
     pre {
         padding: 0.5rem 1.0rem;
         margin: 0.5rem 0;
+        box-sizing: border-box;
+    }
+    pre > code {
+        padding: 0;
     }
 
     code, pre {
@@ -80,6 +84,17 @@
         border-radius: 5px;
     }
 
+    pre {
+        overflow: auto;
+        box-sizing: border-box;
+    }
+
+    @media screen and (max-width: 700px) {
+        pre {
+            padding-bottom: 0.7rem;
+        }
+    }
+
     li {
         line-height: 1.15;
         margin-left: 1em;