diff --git a/client/SampleCode.jsx b/client/SampleCode.jsx
index da4b24f..7e6925b 100644
--- a/client/SampleCode.jsx
+++ b/client/SampleCode.jsx
@@ -6,7 +6,7 @@ const SampleCode = ({ code, lang }) => {
     return code === ''
             ? <></>
             : (
-                <pre className="lh-copy mh0 mv3" dangerouslySetInnerHTML={{ __html: highlight(code, lang) }} />
+                <pre className="h-100 lh-copy ma0" dangerouslySetInnerHTML={{ __html: highlight(code, lang) }} />
             );
 };
 
diff --git a/client/helpers/highlight.js b/client/helpers/highlight.js
index 84b7868..52d1620 100755
--- a/client/helpers/highlight.js
+++ b/client/helpers/highlight.js
@@ -5,7 +5,7 @@ const highlight = (input, language) => {
     const { value } = hljs.highlight(lang, input);
     const highlighted = value.replace('&amp;', '&').trim();
 
-    return `<code class="hljs ${lang}">${highlighted}</code>`;
+    return `<code class="hljs h-100 ${lang}">${highlighted}</code>`;
 };
 
 export default highlight;