diff --git a/front_end/src/app/(main)/components/header.tsx b/front_end/src/app/(main)/components/header.tsx
index c2d6b02db3..9b5ad0a805 100644
--- a/front_end/src/app/(main)/components/header.tsx
+++ b/front_end/src/app/(main)/components/header.tsx
@@ -92,7 +92,7 @@ const Header: FC = () => {
             </MenuButton>
             <MenuItems
               anchor="bottom"
-              className="text-bg-gray-0 z-50 lg:border lg:border-blue-200-dark lg:bg-blue-900 lg:text-sm"
+              className="z-50 text-gray-0 lg:border lg:border-blue-200-dark lg:bg-blue-900 lg:text-sm"
             >
               <LinkMenuItem href="/about/" label={t("aboutMetaculus")} />
               <LinkMenuItem href="/press/" label={t("forJournalists")} />
diff --git a/front_end/src/app/layout.tsx b/front_end/src/app/layout.tsx
index a1e9b5b5b9..49c8cd5a53 100644
--- a/front_end/src/app/layout.tsx
+++ b/front_end/src/app/layout.tsx
@@ -123,7 +123,7 @@ export default async function RootLayout({
   return (
     <html
       lang={locale}
-      className={`${interVariable.variable} ${inter.variable} ${sourceSerifPro.variable} ${leagueGothic.variable} font-sans`}
+      className={`${interVariable.variable} ${inter.variable} ${sourceSerifPro.variable} ${leagueGothic.variable} !pe-0 font-sans [scrollbar-gutter:stable]`}
       // required by next-themes
       // https://github.com/pacocoursey/next-themes?tab=readme-ov-file#with-app
       suppressHydrationWarning
