From e7e892b5a2cd64ed683790cdae1e6fd7150c79f8 Mon Sep 17 00:00:00 2001
From: Dan Lebo <dan.lebo@me.com>
Date: Sat, 4 Feb 2023 20:51:45 -0800
Subject: [PATCH] remove extra padding

---
 beta/src/components/Layout/HomeContent.js       | 15 ++++++++++++---
 beta/src/components/MDX/CodeBlock/CodeBlock.tsx |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/beta/src/components/Layout/HomeContent.js b/beta/src/components/Layout/HomeContent.js
index e3b447d61..8ebe0332b 100644
--- a/beta/src/components/Layout/HomeContent.js
+++ b/beta/src/components/Layout/HomeContent.js
@@ -406,7 +406,10 @@ function Example1() {
                 Comment.js
               </h3>
             </div>
-            <CodeBlock isFromPackageImport={false} noShadow={true}>
+            <CodeBlock
+              isFromPackageImport={false}
+              noShadow={true}
+              noMargin={true}>
               <div>{`function Comment({ comment }) {
   return (
     <div>
@@ -490,7 +493,10 @@ function Example2() {
                 CommentList.js
               </h3>
             </div>
-            <CodeBlock isFromPackageImport={false} noShadow={true}>
+            <CodeBlock
+              isFromPackageImport={false}
+              noShadow={true}
+              noMargin={true}>
               <div>{`function CommentList({ comments }) {
   let heading = 'Be the first to comment';
   if (comments.length > 0) {
@@ -620,7 +626,10 @@ function Example3() {
                 PostPage.js
               </h3>
             </div>
-            <CodeBlock isFromPackageImport={false} noShadow={true}>
+            <CodeBlock
+              isFromPackageImport={false}
+              noShadow={true}
+              noMargin={true}>
               <div>{`async function PostPage({ slug }) {
   const post = await db.findPost({ slug });
   return (
diff --git a/beta/src/components/MDX/CodeBlock/CodeBlock.tsx b/beta/src/components/MDX/CodeBlock/CodeBlock.tsx
index d22697628..1784f0628 100644
--- a/beta/src/components/MDX/CodeBlock/CodeBlock.tsx
+++ b/beta/src/components/MDX/CodeBlock/CodeBlock.tsx
@@ -200,7 +200,7 @@ const CodeBlock = function CodeBlock({
         'rounded-2xl h-full w-full overflow-x-auto flex items-center bg-wash dark:bg-gray-95 shadow-lg',
         !noMargin && 'my-8',
         noShadow &&
-          'shadow-none my-0 rounded-2xl overflow-hidden px-0 sm:px-0 w-full flex bg-transparent'
+          'shadow-none rounded-2xl overflow-hidden w-full flex bg-transparent'
       )}>
       <div className="sp-wrapper">
         <div className="sp-stack">