diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts index 33d53e7d9..28082787b 100644 --- a/src/components/select/select.styles.ts +++ b/src/components/select/select.styles.ts @@ -234,20 +234,17 @@ export default css` border-radius: var(--wa-border-radius-pill); } - /* Prefix */ - .select__prefix { + /* Prefix and Suffix */ + .select__prefix, + .select__suffix { flex: 0; display: inline-flex; align-items: center; color: var(--wa-color-neutral-on-quiet); } - /* Suffix */ - .select__suffix { - flex: 0; - display: inline-flex; - align-items: center; - color: var(--wa-form-control-placeholder-color); + .select__suffix::slotted(*) { + margin-inline-start: var(--sl-spacing-small); } /* Clear button */