diff --git a/scss/header.scss b/scss/header.scss
index 1d70591..04d1461 100644
--- a/scss/header.scss
+++ b/scss/header.scss
@@ -1,6 +1,3 @@
 .d-header {
   box-shadow: none;
 }
-.desktop-view .d-header {
-  background: transparent;
-}
diff --git a/scss/main.scss b/scss/main.scss
index 5bb42fa..e3381be 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -3,48 +3,47 @@ html:not(:has(.has-full-page-chat)) {
 }
 
 body:not(.has-full-page-chat) {
+  &.navigation-topics #main-outlet {
+    background: radial-gradient(
+        100.59% 70.87% at 41.19% 73.28%,
+        rgba(188, 241, 238, 0.2) 0%,
+        rgba(255, 255, 255, 0) 100%
+      ),
+      radial-gradient(
+        67.07% 61.36% at 66.47% 64.15%,
+        rgba(162, 164, 225, 0.2) 0%,
+        rgba(255, 255, 255, 0) 100%
+      ),
+      #fff;
+  }
   background-color: #f5f8ff;
   #main-outlet-wrapper {
-    margin-top: 1.5rem;
-    gap: 2em !important;
-    height: calc(100vh - var(--header-offset) - 4rem);
-    box-sizing: border-box;
-    > * {
-      height: inherit;
-      box-sizing: border-box;
-    }
+    // margin-top: 1.5rem;
+    // gap: 2em !important;
+    // height: calc(100vh - var(--header-offset) - 4rem);
+    // box-sizing: border-box;
+    // what does this do?
+    // > * {
+    //   height: inherit;
+    //   box-sizing: border-box;
+    // }
     #main-outlet {
-      width: 100%;
-      height: inherit;
-      overflow: scroll;
-      &:has(.list-controls) {
-        padding-top: 0;
-      }
-      &:has(#topic-title) {
-        padding-top: 0;
-      }
+      max-width: 1000px;
+      // height: inherit;
+      // overflow: scroll;
+      // &:has(.list-controls) {
+      //   padding-top: 0;
+      // }
+      // &:has(#topic-title) {
+      //   padding-top: 0;
+      // }
       > *:not(.full-page-chat) {
-        max-width: 1000px;
-        margin-inline: auto;
         padding-inline: 1.5em;
       }
-      border-radius: var(--d-border-radius-large);
-      border-radius: 1.25rem;
-      .navigation-topics & {
-        background: radial-gradient(
-            100.59% 70.87% at 41.19% 73.28%,
-            rgba(188, 241, 238, 0.2) 0%,
-            rgba(255, 255, 255, 0) 100%
-          ),
-          radial-gradient(
-            67.07% 61.36% at 66.47% 64.15%,
-            rgba(162, 164, 225, 0.2) 0%,
-            rgba(255, 255, 255, 0) 100%
-          ),
-          #fff;
-      }
-      box-shadow: 0px 0px 1px 2px #e2e8f8, 0px 0px 24px 4px #e2e8f8;
-      background-color: light-dark(#ffffff, #000000);
+      // border-radius: var(--d-border-radius-large);
+      // border-radius: 1.25rem;
+      // box-shadow: 0px 0px 1px 2px #e2e8f8, 0px 0px 24px 4px #e2e8f8;
+      // background-color: light-dark(#ffffff, #000000);
     }
   }
 
@@ -53,7 +52,7 @@ body:not(.has-full-page-chat) {
     margin-bottom: 1em;
     padding: 1.5rem 2rem 0.5em;
     position: sticky;
-    top: 0;
+    top: var(--header-offset);
     background: var(--secondary);
   }
 
diff --git a/scss/nav-pills.scss b/scss/nav-pills.scss
index b067742..7993f8b 100644
--- a/scss/nav-pills.scss
+++ b/scss/nav-pills.scss
@@ -1,6 +1,6 @@
 .list-controls {
   position: sticky;
-  top: 0;
+  top: var(--header-offset);
   background: var(--secondary);
   z-index: 100;
   padding: 1.5rem 0 1rem 0;