diff --git a/core/components/atoms/input/Input.tsx b/core/components/atoms/input/Input.tsx index 1a959095e0..877820a413 100644 --- a/core/components/atoms/input/Input.tsx +++ b/core/components/atoms/input/Input.tsx @@ -137,7 +137,7 @@ export interface InputProps extends BaseProps, BaseHtmlProps { const sizeMapping = { tiny: 12, regular: 16, - large: 20, + large: 16, }; /** @@ -192,6 +192,8 @@ export const Input = React.forwardRef((props, forw [`Input--${size}`]: size, ['Input--disabled']: disabled || readOnly, ['Input--error']: error, + ['Input--withIcon--left']: size !== 'tiny' && icon, + ['Input--withIcon--right']: !disabled && (info || ((actionIcon || onClear) && (value || defaultValue))), }, className ); @@ -211,6 +213,7 @@ export const Input = React.forwardRef((props, forw const rightIconClass = classNames({ ['Input-icon']: true, ['Input-iconWrapper--right']: true, + ['ml-4']: true, }); const trigger = ( diff --git a/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap b/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap index 1bfda41ca2..1af64f9294 100644 --- a/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap +++ b/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap @@ -30,7 +30,7 @@ exports[`Input component