diff --git a/src/components/ui/column.tsx b/src/components/ui/column.tsx
index ec50559c4..236d0da8a 100644
--- a/src/components/ui/column.tsx
+++ b/src/components/ui/column.tsx
@@ -90,7 +90,7 @@ const Column = forwardRef<HTMLDivElement, IColumn>((props, ref): JSX.Element =>
             label={label}
             backHref={backHref}
             className={clsx('px-5 py-4', {
-              'sticky top-12 z-10 bg-white/90 dark:bg-primary-900/90 black:bg-black/90 backdrop-blur lg:top-16': !transparent,
+              'sticky top-12 z-20 bg-white/90 dark:bg-primary-900/90 black:bg-black/90 backdrop-blur lg:top-0': !transparent,
               '-mb-4': !slim,
             })}
             action={action}
diff --git a/src/init/soapbox-head.tsx b/src/init/soapbox-head.tsx
index 2a06a4a6c..3ac3cd643 100644
--- a/src/init/soapbox-head.tsx
+++ b/src/init/soapbox-head.tsx
@@ -25,7 +25,7 @@ const SoapboxHead: React.FC<ISoapboxHead> = ({ children }) => {
   const themeCss = generateThemeCss(demo ? normalizeSoapboxConfig({ brandColor: '#0482d8' }) : soapboxConfig);
   const dsn = soapboxConfig.sentryDsn;
 
-  const bodyClass = clsx('h-full bg-white text-base black:bg-black dark:bg-gray-800', {
+  const bodyClass = clsx('h-full bg-white text-base black:bg-black dark:bg-primary-900', {
     'no-reduce-motion': !reduceMotion,
     'underline-links': underlineLinks,
     'demetricator': demetricator,