diff --git a/src/.vuepress/styles/index.scss b/src/.vuepress/styles/index.scss
index 61a59ca9..a4d459de 100644
--- a/src/.vuepress/styles/index.scss
+++ b/src/.vuepress/styles/index.scss
@@ -118,3 +118,14 @@ html[data-theme="dark"] {
   line-height: 0.219rem;
 }
 */
+
+@media (min-width: 60rem) {
+  .DocSearch-Button {
+    border: 1px solid var(--vp-brcd) !important;
+  }
+
+  .DocSearch-Button:hover {
+    /* var(--vp-tc) */
+    border: 1px solid transparent !important;
+  }
+}
\ No newline at end of file