diff --git a/src/css/custom.css b/src/css/custom.css
index 854b93af..27581a8c 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -536,6 +536,10 @@ html[data-theme="dark"] .footer__copyright {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" fill="rgba(255,255,255,0.5)" /></svg>')
 }
 
+.navbar .DocSearch-Button {
+  border: 1px solid var(--ifm-color-emphasis-200);
+}
+
 /* GLOBAL SEARCH PAGE */
 html[data-theme="dark"] input[class^="searchQueryInput"] {
     color: #fff;