From 264b8ebdcbad182845cd31c51e54f5c4cb57944c Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Mon, 10 Aug 2020 13:06:21 -0400
Subject: [PATCH 1/3] minor refinements to codesnippet

---
 src/components/CodeSnippets.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CodeSnippets.js b/src/components/CodeSnippets.js
index 538c97f7..b4403f96 100644
--- a/src/components/CodeSnippets.js
+++ b/src/components/CodeSnippets.js
@@ -28,8 +28,8 @@ const StyledHighlight = styled(Highlight)`
 
   && pre[class*='language-'] {
     background-color: transparent;
-    padding: 15px 1rem;
-    padding-right: 5rem;
+    padding: 1em 1em 1.5em;
+    padding-right: 2em;
     margin: 0;
   }
 `;

From d0393d0f7aef92c002d139a2ec0d236cf57d2ae9 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Mon, 10 Aug 2020 13:15:59 -0400
Subject: [PATCH 2/3] more refinements to codesnippet

---
 src/components/CodeSnippets.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/CodeSnippets.js b/src/components/CodeSnippets.js
index b4403f96..59b6e38b 100644
--- a/src/components/CodeSnippets.js
+++ b/src/components/CodeSnippets.js
@@ -31,6 +31,7 @@ const StyledHighlight = styled(Highlight)`
     padding: 1em 1em 1.5em;
     padding-right: 2em;
     margin: 0;
+    background: transparent;
   }
 `;
 
@@ -137,7 +138,7 @@ export function CodeSnippets({ snippets, ...rest }) {
   const [activeSnippetIndex] = useState(0);
 
   return (
-    <Wrapper {...rest}>
+    <Wrapper {...rest} className="codesnippet">
       <Background>
         {snippets.length === 1 ? (
           <Snippet snippet={snippets[0]} />

From 1b8f854836134ad497ea4a2eda3eec13569ab78e Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Mon, 10 Aug 2020 13:59:08 -0400
Subject: [PATCH 3/3] remove refinements to codesnippet

---
 src/components/CodeSnippets.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CodeSnippets.js b/src/components/CodeSnippets.js
index 59b6e38b..fa846004 100644
--- a/src/components/CodeSnippets.js
+++ b/src/components/CodeSnippets.js
@@ -138,7 +138,7 @@ export function CodeSnippets({ snippets, ...rest }) {
   const [activeSnippetIndex] = useState(0);
 
   return (
-    <Wrapper {...rest} className="codesnippet">
+    <Wrapper {...rest}>
       <Background>
         {snippets.length === 1 ? (
           <Snippet snippet={snippets[0]} />