fix: phone input vertical center

gympass · Mar 6, 2024 · 952b8df · 952b8df
1 parent 7d89b53
commit 952b8df
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/yoga/src/Input/web/Phone.style.js b/packages/yoga/src/Input/web/Phone.style.js
@@ -153,6 +153,7 @@ export const Container = styled.div`
       .flag-dropdown {
         border: none;
         width: inherit;
+        height: inherit;
         grid-area: dropdown;
 
         &.open {

diff --git a/packages/yoga/src/Input/web/__snapshots__/Phone.test.jsx.snap b/packages/yoga/src/Input/web/__snapshots__/Phone.test.jsx.snap
@@ -136,6 +136,7 @@ exports[`<Input.Phone /> Snapshots should match with default input 1`] = `
 .c2 .react-tel-input .flag-dropdown {
   border: none;
   width: inherit;
+  height: inherit;
   grid-area: dropdown;
 }