diff --git a/src/components/markdown.js b/src/components/markdown.js
index 9ec1e94..cae1655 100644
--- a/src/components/markdown.js
+++ b/src/components/markdown.js
@@ -19,6 +19,7 @@ const Markdown = (props) => {
                 <>
                     {`<h3 align="center">${props.subtitle}</h3>`}
                     <br />
+                    <br />
                 </>
             );
         }
diff --git a/src/pages/index.js b/src/pages/index.js
index de76ad6..4e3aad2 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -177,18 +177,24 @@ const IndexPage = () => {
     }
   }
   const resetCopyMarkdownButton = () => {
-    gsap.set('#copy-markdown', {
-      color: '#0a0a23',
-    });
+    var el = document.getElementById('copy-markdown')
+    if (el) {
+      gsap.set('#copy-markdown', {
+        color: '#0a0a23',
+      });
+    }
     setcopyObj({
       isCopied: false,
       copiedText: 'copy-markdown'
     });
   }
   const setCopyMarkdownButton = () => {
-    gsap.set('#copy-markdown', {
-      color: '#00471b',
-    });
+    var el = document.getElementById('copy-markdown')
+    if (el) {
+      gsap.set('#copy-markdown', {
+        color: '#00471b',
+      });
+    }
     gsap.fromTo('.copy-button', {
       scale: 0.5,
     }, {