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 === ''