diff --git a/packages/uui-input/lib/uui-input.element.ts b/packages/uui-input/lib/uui-input.element.ts index 7a7d808b9..68c713a09 100644 --- a/packages/uui-input/lib/uui-input.element.ts +++ b/packages/uui-input/lib/uui-input.element.ts @@ -348,6 +348,7 @@ export class UUIInputElement extends UUIFormControlMixin( ); border: var(--uui-input-border-width, 1px) solid var(--uui-input-border-color, var(--uui-color-border)); + border-radius: var(--uui-border-radius); --uui-button-height: 100%; --auto-width-text-margin-right: 0; @@ -439,7 +440,7 @@ export class UUIInputElement extends UUIFormControlMixin( padding: var(--uui-size-1) var(--uui-size-space-3); font-size: inherit; color: inherit; - border-radius: 0; + border-radius: var(--uui-border-radius); box-sizing: border-box; border: none; background: none; diff --git a/packages/uui-select/lib/uui-select.element.ts b/packages/uui-select/lib/uui-select.element.ts index 74b0b97df..1e9ad5adb 100644 --- a/packages/uui-select/lib/uui-select.element.ts +++ b/packages/uui-select/lib/uui-select.element.ts @@ -286,7 +286,7 @@ export class UUISelectElement extends UUIFormControlMixin(LitElement, '') { var(--uui-select-padding-x, var(--uui-size-2)); color: var(--uui-select-text-color, var(--uui-color-text)); box-sizing: border-box; - border-radius: 0; + border-radius: var(--uui-border-radius); border: 1px solid var(--uui-select-border-color, var(--uui-color-border)); transition: all 150ms ease; diff --git a/packages/uui-textarea/lib/uui-textarea.element.ts b/packages/uui-textarea/lib/uui-textarea.element.ts index ab3ac958a..c2bcb16b1 100644 --- a/packages/uui-textarea/lib/uui-textarea.element.ts +++ b/packages/uui-textarea/lib/uui-textarea.element.ts @@ -330,7 +330,7 @@ export class UUITextareaElement extends UUIFormControlMixin(LitElement, '') { padding: var(--uui-size-2); border: 1px solid var(--uui-textarea-border-color, var(--uui-color-border)); /** Note: Specified border size is needed and hardcoded in autoUpdateHeight() */ - border-radius: 0; + border-radius: var(--uui-border-radius); outline: none; min-height: var(--uui-textarea-min-height); max-height: var(--uui-textarea-max-height);