From 99ce61cb6364e26cf4753561dd186d7604fa98ad Mon Sep 17 00:00:00 2001 From: Luan Peil Date: Mon, 2 Oct 2023 15:34:55 -0300 Subject: [PATCH] fix: remove input jump on hover (#1084) * fix: remove input jump on hover * fix: add two borders * fix: remove duplicated border --- packages/ocean-core/src/forms/_input.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/ocean-core/src/forms/_input.scss b/packages/ocean-core/src/forms/_input.scss index a25289f3e..d75c37cec 100644 --- 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 {