fix: remove input jump on hover (#1084)

* fix: remove input jump on hover * fix: add two borders * fix: remove duplicated border
ocean-ds · Oct 2, 2023 · 99ce61c · 99ce61c
1 parent a43b279
commit 99ce61c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/ocean-core/src/forms/_input.scss b/packages/ocean-core/src/forms/_input.scss
@@ -3,11 +3,12 @@
   background-color: $color-interface-light-pure;
   border: $border-width-hairline solid $color-interface-light-deep;
   border-radius: $border-radius-sm;
+  box-sizing: border-box;
   display: flex;
-  height: 46px;
+  height: 48px;
 
   input {
-    border: 0;
+    border: $border-width-hairline solid transparent;
     border-radius: $border-radius-sm;
     box-sizing: border-box;
     color: $color-interface-dark-deep;
@@ -36,6 +37,10 @@
   &:focus-within {
     border-color: $color-brand-primary-down;
     border-width: $border-width-thin;
+
+    input {
+      border-width: 0;
+    }
   }
 
   &--filled {