diff --git a/src/theme/Components.js b/src/theme/Components.js
index f34258ac7..66b73cf5e 100644
--- a/src/theme/Components.js
+++ b/src/theme/Components.js
@@ -90,7 +90,7 @@ export function getComponentOverrides(palette, typography) {
         {
           props: {variant: 'control'},
           style: ({ownerState, theme}) => ({
-            backgroundColor: palette.primary.background,
+            backgroundColor: palette.secondary.background,
             boxShadow: theme.shadows[ownerState.elevation],
           }),
         },
diff --git a/src/theme/Palette.js b/src/theme/Palette.js
index 263fb0030..5dfc509d9 100644
--- a/src/theme/Palette.js
+++ b/src/theme/Palette.js
@@ -36,7 +36,7 @@ export const night = {
   },
   secondary: {
     main: colors.grey.light,
-    background: colors.green.medium,
+    background: colors.grey.dark,
     contrastText: colors.green.lightest,
   },
   background: {