Fix code block

Author: tobiaslins

src/components/code.tsx

@@ -10,12 +10,14 @@ const Code: React.FC<{ code: string; language: string }> = ({
     languages[language.toLowerCase()] || languages.javascript;
 
   return (
-    <code
-      className="notion-code"
-      dangerouslySetInnerHTML={{
-        __html: highlight(code, prismLanguage, language)
-      }}
-    />
+    <pre>
+      <code
+        className="notion-code"
+        dangerouslySetInnerHTML={{
+          __html: highlight(code, prismLanguage, language)
+        }}
+      />
+    </pre>
   );
 };
 

src/styles.css

@@ -221,6 +221,7 @@ h3 {
   font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier,
     monospace;
   box-sizing: border-box;
+  overflow-x: scroll;
 }
 
 .notion-column {