diff --git a/src/App.scss b/src/App.scss
index 38574cab..36176b35 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -469,7 +469,7 @@ textarea,
   color: $fallback--lightText;
   color: var(--inputText, $fallback--lightText);
   font-family: sans-serif;
-  font-family: var(--inputFont, sans-serif);
+  font-family: var(--interfaceFont, sans-serif);
   font-size: 1em;
   margin: 0;
   box-sizing: border-box;
diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue
index c2a3e801..bd6284b3 100644
--- a/src/components/popover/popover.vue
+++ b/src/components/popover/popover.vue
@@ -114,7 +114,7 @@
       svg {
         width: 22px;
         margin-right: 0.75rem;
-        color: var(--menuPopoverIcon, $fallback--icon)
+        color: var(--popoverIcon, $fallback--icon)
       }
     }
 
diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index 92493b0b..7b877ba4 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -38,7 +38,7 @@ label.Select {
     margin: 0;
     padding: 0 2em 0 .2em;
     font-family: sans-serif;
-    font-family: var(--inputFont, sans-serif);
+    font-family: var(--interfaceFont, sans-serif);
     font-size: 1em;
     width: 100%;
     z-index: 1;