diff --git a/packages/react/src/components/Input/Input.styles.ts b/packages/react/src/components/Input/Input.styles.ts index ee90c7b7d..dfd06ae60 100644 --- a/packages/react/src/components/Input/Input.styles.ts +++ b/packages/react/src/components/Input/Input.styles.ts @@ -51,6 +51,7 @@ const styles = createUseStyles((theme: Theme) => ({ content: '""', height: '100%', left: 0, + borderRadius: theme.textField.borderRadius, opacity: ({ readOnly }: InputStyleProps) => (readOnly ? theme.opacity.disabledLow : 0), pointerEvents: 'none', position: 'absolute', diff --git a/packages/react/src/components/Input/InputAction/InputAction.styles.ts b/packages/react/src/components/Input/InputAction/InputAction.styles.ts index 14b1bc8f9..6b3ea38b5 100644 --- a/packages/react/src/components/Input/InputAction/InputAction.styles.ts +++ b/packages/react/src/components/Input/InputAction/InputAction.styles.ts @@ -16,7 +16,10 @@ const styles = createUseStyles((theme: Theme) => ({ }, image: { maxWidth: theme.size.large, - objectFit: 'cover' + objectFit: 'cover', + borderRadius: theme.textField.borderRadius, + borderBottomLeftRadius: 0, + borderTopLeftRadius: 0 } }))