From 972a5aff23943d6e549ed90a9b99cde46b561559 Mon Sep 17 00:00:00 2001
From: Mckay Wrigley <mckaywrigley@gmail.com>
Date: Wed, 22 Mar 2023 07:24:49 -0600
Subject: [PATCH] fix copy code overlap (#70)

---
 components/Markdown/CodeBlock.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Markdown/CodeBlock.tsx b/components/Markdown/CodeBlock.tsx
index 87bee39..6ff52b6 100644
--- a/components/Markdown/CodeBlock.tsx
+++ b/components/Markdown/CodeBlock.tsx
@@ -9,20 +9,20 @@ interface Props {
 }
 
 export const CodeBlock: FC<Props> = ({ language, value, lightMode }) => {
-  const [buttonText, setButtonText] = useState("Copy");
+  const [buttonText, setButtonText] = useState("Copy code");
 
   const copyToClipboard = () => {
     navigator.clipboard.writeText(value).then(() => {
       setButtonText("Copied!");
 
       setTimeout(() => {
-        setButtonText("Copy");
+        setButtonText("Copy code");
       }, 2000);
     });
   };
 
   return (
-    <div className="relative text-[16px]">
+    <div className="relative text-[16px] pt-2">
       <SyntaxHighlighter
         language={language}
         style={lightMode === "light" ? oneLight : oneDark}
@@ -31,7 +31,7 @@ export const CodeBlock: FC<Props> = ({ language, value, lightMode }) => {
       </SyntaxHighlighter>
 
       <button
-        className="absolute top-2 right-2 text-white bg-blue-600 py-1 px-2 rounded focus:outline-none hover:bg-blue-700 text-sm"
+        className="absolute top-[-8px] right-[0px] text-white bg-none py-0.5 px-2 rounded focus:outline-none hover:bg-blue-700 text-xs"
         onClick={copyToClipboard}
       >
         {buttonText}