From e83c4c4873e14da8a4683a6686e359aac07998c3 Mon Sep 17 00:00:00 2001
From: wbarbee <will.clayton.barbee@gmail.com>
Date: Tue, 7 Jan 2025 10:46:45 -0600
Subject: [PATCH] fix: dropdown background

---
 src/components/reusable/dropdown/dropdown.scss | 2 +-
 src/components/reusable/dropdown/dropdown.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/reusable/dropdown/dropdown.scss b/src/components/reusable/dropdown/dropdown.scss
index 3257361c..26180fb3 100644
--- 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
index 4993f8ec..a6be6ba0 100644
--- 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 === ''