diff --git a/core/themes/olivero/css/components/header-search-narrow.css b/core/themes/olivero/css/components/header-search-narrow.css
index 5fc7d96983676fede710f2a766d149092c7e2df1..d1e5a912785d9181b0e8bb3098194c05500300fc 100644
--- a/core/themes/olivero/css/components/header-search-narrow.css
+++ b/core/themes/olivero/css/components/header-search-narrow.css
@@ -73,7 +73,7 @@
     background-position: bottom left; /* LTR */
     background-size: 0% 0.3125rem;
     box-shadow: none;
-    font-family: serif;
+    font-family: var(--font-serif);
     font-size: 1rem;
     -webkit-appearance: none
   }
diff --git a/core/themes/olivero/css/components/header-search-narrow.pcss.css b/core/themes/olivero/css/components/header-search-narrow.pcss.css
index 918f6f4c0019db614d36bc88f75e6164148933c9..69b394b750e7c1f39db728f1ea4a037b20d9ee7d 100644
--- a/core/themes/olivero/css/components/header-search-narrow.pcss.css
+++ b/core/themes/olivero/css/components/header-search-narrow.pcss.css
@@ -38,7 +38,7 @@
     background-position: bottom left; /* LTR */
     background-size: 0% 5px;
     box-shadow: none;
-    font-family: serif;
+    font-family: var(--font-serif);
     font-size: 16px;
     -webkit-appearance: none;
 
diff --git a/core/themes/olivero/css/components/header-search-wide.css b/core/themes/olivero/css/components/header-search-wide.css
index 6d7eb767f5d61a3415300edf388a0678a70945a0..c7df4e2af6ebbb86019b08367cc8c45f7a75eee6 100644
--- a/core/themes/olivero/css/components/header-search-wide.css
+++ b/core/themes/olivero/css/components/header-search-wide.css
@@ -131,7 +131,7 @@
     color: var(--color--white);
     border: solid 1px transparent;
     box-shadow: none;
-    font-family: serif;
+    font-family: var(--font-serif);
     font-size: 2rem;
     -webkit-appearance: none
   }
diff --git a/core/themes/olivero/css/components/header-search-wide.pcss.css b/core/themes/olivero/css/components/header-search-wide.pcss.css
index ef1a3f3d27f30a470d4b0eeb53e3de4faf6dc294..6db9d790868feff2526af1b8d55b23321f6a280b 100644
--- a/core/themes/olivero/css/components/header-search-wide.pcss.css
+++ b/core/themes/olivero/css/components/header-search-wide.pcss.css
@@ -52,7 +52,7 @@
     color: var(--color--white);
     border: solid 1px transparent;
     box-shadow: none;
-    font-family: serif;
+    font-family: var(--font-serif);
     font-size: 32px;
     -webkit-appearance: none;