diff --git a/packages/yoga/src/Input/web/Phone.style.js b/packages/yoga/src/Input/web/Phone.style.js
index a8f9467e50..e890f43690 100644
--- 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
index e98f4f43e0..32469dc061 100644
--- 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;
 }