fix: dropdown background

kyndryl-design-system · Jan 7, 2025 · e83c4c4 · e83c4c4
1 parent 253c19e
commit e83c4c4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/reusable/dropdown/dropdown.scss b/src/components/reusable/dropdown/dropdown.scss
@@ -39,7 +39,7 @@
   font-weight: 400;
   white-space: nowrap;
 
-  background: var(--kd-color-background-container-default);
+  background: var(--kd-color-background-forms-default);
 
   [searchable] & {
     padding-right: 80px;

diff --git a/src/components/reusable/dropdown/dropdown.ts b/src/components/reusable/dropdown/dropdown.ts
@@ -297,7 +297,7 @@ export class Dropdown extends FormMixin(LitElement) {
                     />
                   `
                 : html`
-                    <span>
+                    <span class=${this.value === '' ? 'placeholder' : ''}>
                       ${this.multiple
                         ? this.placeholder
                         : this.value === ''