diff --git a/docs/data/material/components/autocomplete/GitHubLabel.js b/docs/data/material/components/autocomplete/GitHubLabel.js
index 9117f91608283e..23baefb03e2edc 100644
--- a/docs/data/material/components/autocomplete/GitHubLabel.js
+++ b/docs/data/material/components/autocomplete/GitHubLabel.js
@@ -80,7 +80,7 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
   borderBottom: `1px solid ${'#30363d'}`,
   '& input': {
     borderRadius: 4,
-    backgroundColor: '#0d1117',
+    backgroundColor: '#fff',
     border: `1px solid ${'#30363d'}`,
     padding: 8,
     transition: theme.transitions.create(['border-color', 'box-shadow']),
@@ -94,7 +94,7 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
       }),
     },
     ...theme.applyStyles('dark', {
-      backgroundColor: '#fff',
+      backgroundColor: '#0d1117',
       border: `1px solid ${'#eaecef'}`,
     }),
   },
diff --git a/docs/data/material/components/autocomplete/GitHubLabel.tsx b/docs/data/material/components/autocomplete/GitHubLabel.tsx
index c322f58b7e5352..d454737b623a12 100644
--- a/docs/data/material/components/autocomplete/GitHubLabel.tsx
+++ b/docs/data/material/components/autocomplete/GitHubLabel.tsx
@@ -84,7 +84,7 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
   borderBottom: `1px solid ${'#30363d'}`,
   '& input': {
     borderRadius: 4,
-    backgroundColor: '#0d1117',
+    backgroundColor: '#fff',
     border: `1px solid ${'#30363d'}`,
     padding: 8,
     transition: theme.transitions.create(['border-color', 'box-shadow']),
@@ -98,7 +98,7 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
       }),
     },
     ...theme.applyStyles('dark', {
-      backgroundColor: '#fff',
+      backgroundColor: '#0d1117',
       border: `1px solid ${'#eaecef'}`,
     }),
   },