diff --git a/styles/globals.css b/styles/globals.css
index 709814d..1936d61 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -128,3 +128,39 @@ html {
 .DocSearch-Button {
   transition: all 0.3s ease-out;
 }
+
+/* code */
+code.hljs {
+  background: unset !important;
+}
+pre,
+code {
+  font-family:
+    var(--font-jetbrains-mono),
+    -apple-system,
+    'DejaVu Sans Mono',
+    monospace;
+}
+
+pre {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+  @apply bg-white dark:bg-rua-gray-800;
+  /* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
+      monospace; */
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  line-height: 1.5;
+  -moz-tab-size: 2;
+  -o-tab-size: 2;
+  tab-size: 2;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
diff --git a/styles/rua.css b/styles/rua.css
index e752aef..d92cf63 100644
--- a/styles/rua.css
+++ b/styles/rua.css
@@ -179,38 +179,6 @@ h6:hover::before {
   border-radius: 6px;
 }
 
-#article pre,
-code {
-  font-family:
-    var(--font-jetbrains-mono),
-    -apple-system,
-    'DejaVu Sans Mono',
-    monospace;
-}
-
-#article pre {
-  padding: 1em;
-  margin: 0.5em 0;
-  overflow: auto;
-  border-radius: 0.3em;
-  @apply bg-white dark:bg-rua-gray-800;
-  /* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
-      monospace; */
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  line-height: 1.5;
-  -moz-tab-size: 2;
-  -o-tab-size: 2;
-  tab-size: 2;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
 #article pre > code {
   padding: 0;
   margin: 0;