diff --git a/_scss/_header.scss b/_scss/_header.scss
index 122838a3..5afcfe8e 100644
--- a/_scss/_header.scss
+++ b/_scss/_header.scss
@@ -30,6 +30,7 @@
   #theme-toggle-container {
     // override col width
     width: 5%;
+    min-width: $icon_size;
   }
 
   .header-left {
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 4103e55c..5cd1023e 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -35,6 +35,7 @@ html.light {
     color: $text_dark
   }
   body {
+    background: $brand_background_light;  // overridden when deployed with background: linear-gradient(#2a2a29, #1c1c1c);
     background-color: $brand_background_light;
     background: linear_gradient(#e4e4de, #cfcccc);
     color: $text_light;
@@ -97,6 +98,8 @@ html.light {
 }
 // end themes
 #theme-toggle-background {
+  width: $icon_size;
+  height: $icon_size;
   border-radius: 4px;
 }
 #projects-tree, #projects-search-input {