fix(number-input): cover input control outlines on hover

carbon-design-system · Feb 5, 2021 · 0ca2ae8 · 0ca2ae8
1 parent 852ba1b
commit 0ca2ae8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/components/src/components/number-input/_number-input.scss b/packages/components/src/components/number-input/_number-input.scss
@@ -192,6 +192,8 @@
 
     &:hover {
       @include focus-outline('outline');
+
+      border: 0;
     }
   }
 
@@ -202,8 +204,9 @@
     border-bottom-color: transparent;
 
     &:hover {
-      border-top: 2px solid $support-01;
-      border-bottom: 2px solid $support-01;
+      @include focus-outline('invalid');
+
+      border: 0;
     }
   }