Fix code block styles

Author: forestream

apps/landing/src/app/(detail)/components/MdxCardFooter.tsx

@@ -94,9 +94,9 @@ export default function MdxCardFooter({
           <Box
             borderTop="1px solid $border"
             h="100%"
+            onWheel={(e) => e.stopPropagation()}
             overflow="auto"
-            px="24px"
-            py="16px"
+            p={['12px', null, '24px']}
           >
             {children}
           </Box>

apps/landing/src/components/Code.tsx

@@ -17,7 +17,12 @@ export const Code = ({
           display: 'none',
         }}
       >
-        <SyntaxHighlighter language={language} showLineNumbers style={Light}>
+        <SyntaxHighlighter
+          customStyle={{ margin: 0 }}
+          language={language}
+          showLineNumbers
+          style={Light}
+        >
           {value}
         </SyntaxHighlighter>
       </Box>