diff --git a/modules/web/client/src/main/webapp/styles/observe.scss b/modules/web/client/src/main/webapp/styles/observe.scss
index c3a307dda..6744de4aa 100644
--- a/modules/web/client/src/main/webapp/styles/observe.scss
+++ b/modules/web/client/src/main/webapp/styles/observe.scss
@@ -5,6 +5,14 @@ html {
   overflow: hidden; // Avoid "spring" effect when scrolling tables beyond their top/bottom.
 }
 
+body {
+  background-color: var(--color-background);
+}
+
+.main-header {
+  color: var(--color-text-alt);
+}
+
 .OnlySmallScreens {
   @media screen and (min-width: lucumaUICommon.$tablet-responsive-cutoff) {
     display: none;
@@ -1033,10 +1041,10 @@ html {
 
     .ObserveStyles-qaEditorPanelButtons {
       align-self: end;
-      
+
       button {
         align-items: center;
       }
     }
   }
-}
\ No newline at end of file
+}