diff --git a/src/_includes/base.liquid b/src/_includes/base.liquid
index 35faec81..43fb4f75 100644
--- a/src/_includes/base.liquid
+++ b/src/_includes/base.liquid
@@ -33,8 +33,8 @@
     {% capture css %}
       {% render "../assets/styles/yt-lite.css" %}
       {% render "../assets/styles/silka.css" %}
-      {% render "../assets/styles/ml.css" %}
       {% render "../assets/styles/prism.css" %}
+      {% render "../assets/styles/pagefind.css" %}
       {% render "../assets/styles/index.css" %}
     {% endcapture %}
     <style>
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index 8fca4c25..6f112b1e 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -40,7 +40,7 @@
 
   /* fonts */
   --font-sans: silka, Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
-  --font-mono: ml, ui-monospace, monospace;
+  --font-mono: ui-monospace, monospace;
 
   /* text */
   --font-size-xs: .75rem;
@@ -89,19 +89,6 @@
   }
 }
 
-body {
-  --pagefind-ui-primary: var(--blue-600);
-  --pagefind-ui-text: var(--black);
-  --pagefind-ui-background: var(--white);
-  --pagefind-ui-border: var(--gray-200);
-  --pagefind-ui-tag: var(--gray-200);
-  --pagefind-ui-border-width: 1px;
-  --pagefind-ui-border-radius: 0;
-  --pagefind-ui-image-border-radius: 0;
-  --pagefind-ui-image-box-ratio: 3 / 2;
-  --pagefind-ui-font: var(--font-sans);
-}
-
 body,
 html {
   font-family: var(--font-sans);
@@ -962,14 +949,6 @@ footer nav {
 
 /* dark theme */
 @media (prefers-color-scheme: dark) {
-  body {
-    --pagefind-ui-primary: var(--blue-400);
-    --pagefind-ui-text: var(--white);
-    --pagefind-ui-background: var(--black);
-    --pagefind-ui-border: var(--gray-900);
-    --pagefind-ui-tag: var(--gray-900);
-  }
-
   body,
   html {
     color: var(--white);
@@ -1096,7 +1075,6 @@ footer nav {
 
   .highlight-text,
   .progress-bar,
-  .pagefind-ui__form mark,
   .pill--button,
   .post-graph__progress {
     background-color: var(--blue-400);
diff --git a/src/assets/styles/pagefind.css b/src/assets/styles/pagefind.css
new file mode 100644
index 00000000..73726223
--- /dev/null
+++ b/src/assets/styles/pagefind.css
@@ -0,0 +1,22 @@
+body {
+  --pagefind-ui-primary: var(--blue-600);
+  --pagefind-ui-text: var(--black);
+  --pagefind-ui-background: var(--white);
+  --pagefind-ui-border: var(--gray-200);
+  --pagefind-ui-tag: var(--gray-200);
+  --pagefind-ui-border-width: 1px;
+  --pagefind-ui-border-radius: 0;
+  --pagefind-ui-image-border-radius: 0;
+  --pagefind-ui-image-box-ratio: 3 / 2;
+  --pagefind-ui-font: var(--font-sans);
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    --pagefind-ui-primary: var(--blue-400);
+    --pagefind-ui-text: var(--white);
+    --pagefind-ui-background: var(--black);
+    --pagefind-ui-border: var(--gray-900);
+    --pagefind-ui-tag: var(--gray-900);
+  }
+}
\ No newline at end of file
diff --git a/src/assets/styles/prism.css b/src/assets/styles/prism.css
index 71e1f194..dfdde4cd 100644
--- a/src/assets/styles/prism.css
+++ b/src/assets/styles/prism.css
@@ -6,7 +6,7 @@ pre[class*='language-'] {
   color: #d9e0ee;
   background: none;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-  font-family: ml, ui-monospace, monospace;
+  font-family: ui-monospace, monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;