fix(ffe-form): add 1px to border of input when :hover state is active

SpareBank1 · Jan 20, 2025 · bfb1146 · bfb1146
1 parent 606c28b
commit bfb1146
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/ffe-form/less/input-field.less b/packages/ffe-form/less/input-field.less
@@ -31,6 +31,9 @@
         border: var(--ffe-g-border-width-focus) solid var(--ffe-g-primary-color);
         outline: none;
     }
+    &:hover {
+        box-shadow: 0 0 0 1px var(--ffe-g-primary-color);
+    }
 
     &--inline {
         display: inline-block;
@@ -64,7 +67,8 @@
         }
 
         &:focus {
-            border-bottom: var(--ffe-g-border-width-focus) solid var(--ffe-g-primary-color);
+            border-bottom: var(--ffe-g-border-width-focus) solid
+                var(--ffe-g-primary-color);
         }
 
         &[aria-invalid='true'] {