diff --git a/app/src/assets/scss/business/_config.scss b/app/src/assets/scss/business/_config.scss
index 6c45a549c..558697a73 100644
--- a/app/src/assets/scss/business/_config.scss
+++ b/app/src/assets/scss/business/_config.scss
@@ -191,7 +191,7 @@
   &-keymap {
     &__key {
       padding: 2px 4px;
-      font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+      font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family);
       line-height: 1;
       color: var(--b3-theme-on-surface);
       vertical-align: middle;
diff --git a/app/src/assets/scss/business/_search.scss b/app/src/assets/scss/business/_search.scss
index bb0c8ede6..01c89340e 100644
--- a/app/src/assets/scss/business/_search.scss
+++ b/app/src/assets/scss/business/_search.scss
@@ -157,7 +157,7 @@
       }
 
       padding: 1px 3px;
-      font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+      font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family);
       background-color: var(--b3-theme-surface);
       border: solid 1px var(--b3-theme-surface-lighter);
       border-radius: var(--b3-border-radius);
diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss
index 119b08536..c188a7439 100644
--- a/app/src/assets/scss/component/_menu.scss
+++ b/app/src/assets/scss/component/_menu.scss
@@ -296,7 +296,7 @@
     font-size: 0.75rem;
     margin-left: 16px;
     color: var(--b3-theme-on-surface);
-    font-family: Consolas, Monaco, monospace;
+    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family);
   }
 
   // for protyle hint