remove extra padding

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 (

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">