diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index f8e05b7..dc39c62 100755
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -14,9 +14,8 @@ import Heading from "./typography/Heading";
 /*                                    Code                                    */
 /* -------------------------------------------------------------------------- */
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { dark } from "react-syntax-highlighter/dist/esm/styles/prism";
+import { oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
 import Link from "./typography/Link";
-import style from "react-syntax-highlighter/dist/esm/styles/hljs/a11y-dark";
 
 export type Props = {
   markdown: string;
@@ -153,7 +152,7 @@ const Markdown = ({ markdown }: Props) => {
           return !inline && match ? (
             <SyntaxHighlighter
               children={String(children).replace(/\n$/, "")}
-              style={dark}
+              style={oneLight}
               language={match[1]}
               PreTag="div"
             />