diff --git a/packages/harmony/src/components/input/TextInput/TextInput.module.css b/packages/harmony/src/components/input/TextInput/TextInput.module.css index 94d2063a1fc..b6d4b1dbf76 100644 --- a/packages/harmony/src/components/input/TextInput/TextInput.module.css +++ b/packages/harmony/src/components/input/TextInput/TextInput.module.css @@ -10,7 +10,7 @@ width: 100%; align-items: center; /* Dont need Y padding since the flex centering takes care of it */ - padding: 0 var(--harmony-spacing-l) 0 0; + padding: 0 var(--harmony-spacing-l); border: 1px solid var(--harmony-border-default); border-radius: var(--harmony-border-radius-s); background-color: var(--harmony-bg-surface-1); @@ -32,6 +32,7 @@ /* small input size */ .contentContainer.small { + padding: 0 var(--harmony-spacing-m); /* gap between icons & content */ gap: var(--harmony-spacing-s); font-size: var(--harmony-font-s); diff --git a/packages/harmony/src/components/input/TextInput/TextInput.tsx b/packages/harmony/src/components/input/TextInput/TextInput.tsx index d5fbe048bc9..ee3ef939b56 100644 --- a/packages/harmony/src/components/input/TextInput/TextInput.tsx +++ b/packages/harmony/src/components/input/TextInput/TextInput.tsx @@ -172,15 +172,13 @@ export const TextInput = forwardRef( inputRootStyle )} > - - {StartIcon ? ( - - ) : null} - + {StartIcon ? ( + + ) : null} {shouldShowLabel ? (