From 029755ed649d0304eec4038f45fe0be549ada9c5 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Fri, 15 Nov 2019 16:36:42 +0700
Subject: [PATCH] Add SampleCode component

---
 client/SampleCode.jsx       | 2 +-
 client/helpers/highlight.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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;