diff --git a/src/client/theme-default/components/VPNavBarSearchButton.vue b/src/client/theme-default/components/VPNavBarSearchButton.vue
index a9f7e42c..106fbd55 100644
--- a/src/client/theme-default/components/VPNavBarSearchButton.vue
+++ b/src/client/theme-default/components/VPNavBarSearchButton.vue
@@ -9,9 +9,8 @@ defineProps<{
     <span class="vpi-search" aria-hidden="true"></span>
     <span class="text">{{ text }}</span>
     <span class="keys" aria-hidden="true">
-      <kbd class="key-cmd">&#x2318;</kbd>
-      <kbd class="key-ctrl">Ctrl</kbd>
-      <kbd>K</kbd>
+      <kbd class="key-mod"></kbd>
+      <kbd class="key-k"></kbd>
     </span>
   </button>
 </template>
@@ -27,9 +26,7 @@ defineProps<{
 }
 
 .text,
-.keys,
-:root.mac .key-ctrl,
-:root:not(.mac) .key-cmd {
+.keys {
   display: none;
 }
 
@@ -38,6 +35,18 @@ kbd {
   font-weight: 500;
 }
 
+.key-mod::before {
+  content: 'Ctrl';
+}
+
+:root.mac .key-mod::before {
+  content: '\2318';
+}
+
+.key-k::before {
+  content: 'K';
+}
+
 @media (min-width: 48rem) {
   .VPNavBarSearchButton {
     height: auto;