diff --git a/docs/src/App.svelte b/docs/src/App.svelte
index e3b4ea4b..b745c3ab 100644
--- a/docs/src/App.svelte
+++ b/docs/src/App.svelte
@@ -77,4 +77,16 @@
 
   // Import all component styles
   @import "carbon-components/scss/globals/scss/styles";
+
+  .bx--list-box:not(.bx--list-box--light) input[role="combobox"],
+  .bx--list-box:not(.bx--list-box--light) input[type="text"],
+  .bx--dropdown:not(.bx--dropdown--light),
+  .bx--list-box:not(.bx--list-box--light),
+  .bx--number:not(.bx--number--light) input[type="number"],
+  .bx--number:not(.bx--number--light) .bx--number__control-btn::before,
+  .bx--number:not(.bx--number--light) .bx--number__control-btn::after,
+  .bx--text-input:not(.bx--text-input--light),
+  .bx--select-input {
+    background-color: $field-01;
+  }
 </style>