From 4716a49c2e79f73923b2aaa357db0659a9cc62bd Mon Sep 17 00:00:00 2001
From: Kia King Ishii <kia.king.08@gmail.com>
Date: Tue, 31 May 2022 02:54:38 +0900
Subject: [PATCH] fix: search icon size on mac changes after opening search
 dialog

---
 src/client/theme-default/components/VPNavBarSearch.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/client/theme-default/components/VPNavBarSearch.vue b/src/client/theme-default/components/VPNavBarSearch.vue
index 8a0dc112..1d2973a5 100644
--- a/src/client/theme-default/components/VPNavBarSearch.vue
+++ b/src/client/theme-default/components/VPNavBarSearch.vue
@@ -79,8 +79,8 @@ function load() {
           <span class="DocSearch-Button-Placeholder">Search</span>
         </span>
         <span class="DocSearch-Button-Keys">
-          <span class="DocSearch-Button-Key" ref="metaKey">Meta</span>
-          <span class="DocSearch-Button-Key">K</span>
+          <kbd class="DocSearch-Button-Key" ref="metaKey">Meta</kbd>
+          <kbd class="DocSearch-Button-Key">K</kbd>
         </span>
       </button>
     </div>
@@ -241,6 +241,7 @@ function load() {
   width: auto;
   height: 22px;
   line-height: 22px;
+  font-family: var(--vp-font-family-base);
   font-size: 12px;
   font-weight: 500;
   transition: color 0.5s, border-color 0.5s;