diff --git a/web_src/css/modules/button.css b/web_src/css/modules/button.css
index 550a9cc1ab..0799ab80ec 100644
--- a/web_src/css/modules/button.css
+++ b/web_src/css/modules/button.css
@@ -11,7 +11,6 @@
 .ui.button:focus {
   background: var(--color-hover);
   color: var(--color-text);
-  border-color: var(--color-secondary-dark-2);
 }
 
 .page-content .ui.button {
@@ -64,6 +63,10 @@ It needs some tricks to tweak the left/right borders with active state */
   border-right: none;
 }
 
+.ui.buttons .button:hover {
+  border-color: var(--color-secondary-dark-2);
+}
+
 .ui.buttons .button:hover + .button {
   border-left: 1px solid var(--color-secondary-dark-2);
 }