fix(stackview): fix focus outline in safari

Signed-off-by: Ivan Donchev <idonchev@vmware.com>
vmware-clarity · Nov 29, 2022 · 92f4853 · 92f4853
1 parent 8766728
commit 92f4853
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/projects/angular/src/data/stack-view/_stack-view.clarity.scss b/projects/angular/src/data/stack-view/_stack-view.clarity.scss
@@ -180,7 +180,8 @@ $styledInputs: 'input[type=text], input[type=password], input[type=number], inpu
       }
 
       &:focus {
-        outline: $clr_baselineRem_5px auto -webkit-focus-ring-color;
+        outline: $clr_baselineRem_1px auto -webkit-focus-ring-color;
+        outline-offset: -$clr_baselineRem_1px;
       }
     }