From e362a829e0a5ee4b5731ee4647c10c0f2f910991 Mon Sep 17 00:00:00 2001 From: Maria Clara Date: Sun, 13 Apr 2025 19:40:00 -0300 Subject: [PATCH] fix clear button width for inputs --- src/components/input/input.styles.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/input/input.styles.ts b/src/components/input/input.styles.ts index 660ab2ba57..5edac77720 100644 --- a/src/components/input/input.styles.ts +++ b/src/components/input/input.styles.ts @@ -168,7 +168,7 @@ export default css` .input--small .input__clear, .input--small .input__password-toggle { - width: calc(1em + var(--sl-input-spacing-small) * 2); + min-width: calc(1em + var(--sl-input-spacing-small) * 2); } .input--small .input__prefix ::slotted(*) { @@ -192,7 +192,7 @@ export default css` .input--medium .input__clear, .input--medium .input__password-toggle { - width: calc(1em + var(--sl-input-spacing-medium) * 2); + min-width: calc(1em + var(--sl-input-spacing-medium) * 2); } .input--medium .input__prefix ::slotted(*) { @@ -216,7 +216,7 @@ export default css` .input--large .input__clear, .input--large .input__password-toggle { - width: calc(1em + var(--sl-input-spacing-large) * 2); + min-width: calc(1em + var(--sl-input-spacing-large) * 2); } .input--large .input__prefix ::slotted(*) {