diff --git a/client/components/preview/preview.module.css b/client/components/preview/preview.module.css
index c503dd25..7287dd4f 100644
--- a/client/components/preview/preview.module.css
+++ b/client/components/preview/preview.module.css
@@ -79,6 +79,7 @@
   border-radius: 3px;
   white-space: pre-wrap;
   word-wrap: break-word;
+  color: inherit !important;
 }
 
 .markdownPreview code::before,
diff --git a/client/lib/render-markdown.tsx b/client/lib/render-markdown.tsx
index d57b5862..4ddaebf4 100644
--- a/client/lib/render-markdown.tsx
+++ b/client/lib/render-markdown.tsx
@@ -12,8 +12,6 @@ renderer.heading = (text, level, _, slugger) => {
     const id = slugger.slug(text)
     const Component = `h${level}`
 
-
-
     return renderToStaticMarkup(
         //@ts-ignore
         <Component>
diff --git a/client/styles/markdown.css b/client/styles/markdown.css
index 0060c342..670d20d5 100644
--- a/client/styles/markdown.css
+++ b/client/styles/markdown.css
@@ -84,7 +84,6 @@ html[data-theme="light"] input[type="checkbox"]:checked {
 
 input[type="checkbox"]:focus {
   outline: none;
-  box-shadow: 0 0 0 2px var(--gray);
   border-color: var(--fg);
 }
 
@@ -106,7 +105,6 @@ article li > p {
 
 article pre {
   overflow-x: auto;
-  background: var(--lightest-gray);
   border-radius: var(--inline-radius);
   line-height: 1.8;
   padding: 1rem;