From ffc515f91ec92d67d5039185c8188bd6cafe085b Mon Sep 17 00:00:00 2001
From: Georg Ekeberg <georg.ekeberg@sparebank1.no>
Date: Mon, 20 Jan 2025 10:51:14 +0100
Subject: [PATCH] fix(ffe-form): add 1px to border of input when :hover state
 is active

---
 packages/ffe-form/less/input-field.less | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/ffe-form/less/input-field.less b/packages/ffe-form/less/input-field.less
index 1a7c074c7b..7d6e0e4993 100644
--- a/packages/ffe-form/less/input-field.less
+++ b/packages/ffe-form/less/input-field.less
@@ -8,7 +8,9 @@
     color: var(--ffe-v-input-color);
     border-radius: var(--ffe-g-border-radius);
     border: var(--ffe-g-border-width) solid var(--ffe-g-border-color);
-    transition: border-color var(--ffe-transition-duration) var(--ffe-ease);
+    transition:
+        border-color var(--ffe-transition-duration) var(--ffe-ease),
+        box-shadow var(--ffe-transition-duration) var(--ffe-ease);
     width: 100%;
     font-size: var(--ffe-fontsize-form-input);
 
@@ -31,6 +33,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 +69,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'] {