diff --git a/src/components/input/input.styles.ts b/src/components/input/input.styles.ts
index 70ec2b0b..3505b972 100644
--- a/src/components/input/input.styles.ts
+++ b/src/components/input/input.styles.ts
@@ -71,7 +71,7 @@ export default css`
   }
 
   .input--filled.input--focused:not(.input--disabled) {
-    background-color: rgb(var(--sl-color-neutral-0));
+    background-color: rgb(var(--sl-color-surface-base));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
   }
diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts
index ded8c77c..bb71e9b6 100644
--- a/src/components/select/select.styles.ts
+++ b/src/components/select/select.styles.ts
@@ -67,7 +67,7 @@ export default css`
   }
 
   .select--filled.select--focused:not(.select--disabled) .select__control {
-    background-color: rgb(var(--sl-color-neutral-0));
+    background-color: rgb(var(--sl-color-surface-base));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
     outline: none;
diff --git a/src/components/textarea/textarea.styles.ts b/src/components/textarea/textarea.styles.ts
index 6bbce2a1..d2ba5a79 100644
--- a/src/components/textarea/textarea.styles.ts
+++ b/src/components/textarea/textarea.styles.ts
@@ -76,7 +76,7 @@ export default css`
   }
 
   .textarea--filled.textarea--focused:not(.textarea--disabled) {
-    background-color: rgb(var(--sl-color-neutral-0));
+    background-color: rgb(var(--sl-color-surface-base));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
   }