diff --git a/src/renderer/components/+cluster-settings/cluster-settings.scss b/src/renderer/components/+cluster-settings/cluster-settings.scss
index aa1faf3235..4070c2eb7b 100644
--- a/src/renderer/components/+cluster-settings/cluster-settings.scss
+++ b/src/renderer/components/+cluster-settings/cluster-settings.scss
@@ -15,6 +15,7 @@
     .content-col {
       margin: 0;
       padding-top: $padding * 3;
+      background-color: $clusterSettingsBackground;
 
       .SubTitle {
         text-transform: none;
diff --git a/src/renderer/components/+preferences/preferences.scss b/src/renderer/components/+preferences/preferences.scss
index 3440ec36cd..33072a4849 100644
--- a/src/renderer/components/+preferences/preferences.scss
+++ b/src/renderer/components/+preferences/preferences.scss
@@ -9,6 +9,7 @@
 
     .content-col {
       padding: $padding * 8 0;
+      background-color: $clusterSettingsBackground;
 
       h2 {
         margin-bottom: $margin * 2;
diff --git a/src/renderer/themes/kontena-dark.json b/src/renderer/themes/kontena-dark.json
index a7f972ee50..a0d0eb9869 100644
--- a/src/renderer/themes/kontena-dark.json
+++ b/src/renderer/themes/kontena-dark.json
@@ -92,6 +92,7 @@
     "drawerItemValueColor": "#a0a0a0",
     "clusterMenuBackground": "#252729",
     "clusterMenuBorderColor": "#252729",
+    "clusterSettingsBackground": "#1e2124",
     "addClusterIconColor": "#252729",
     "boxShadow": "#0000003a",
     "iconActiveColor": "#ffffff",
diff --git a/src/renderer/themes/kontena-light.json b/src/renderer/themes/kontena-light.json
index 615ce3e9fb..f39fa53d00 100644
--- a/src/renderer/themes/kontena-light.json
+++ b/src/renderer/themes/kontena-light.json
@@ -93,6 +93,7 @@
     "drawerItemValueColor": "#555555",
     "clusterMenuBackground": "#e8e8e8",
     "clusterMenuBorderColor": "#c9cfd3",
+    "clusterSettingsBackground": "#ffffff",
     "addClusterIconColor": "#8d8d8d",
     "boxShadow": "#0000003a",
     "iconActiveColor": "#ffffff",
diff --git a/src/renderer/themes/theme-vars.scss b/src/renderer/themes/theme-vars.scss
index 810c1fa1b5..c6c3072b8f 100644
--- a/src/renderer/themes/theme-vars.scss
+++ b/src/renderer/themes/theme-vars.scss
@@ -113,6 +113,7 @@ $pieChartDefaultColor: var(--pieChartDefaultColor);
 // Cluster Menu
 $clusterMenuBackground: var(--clusterMenuBackground);
 $clusterMenuBorderColor: var(--clusterMenuBorderColor);
+$clusterSettingsBackground: var(--clusterSettingsBackground);
 $addClusterIconColor: var(--addClusterIconColor);
 
 // Misc