diff --git a/website/src/components/HomePageDemo/index.tsx b/website/src/components/HomePageDemo/index.tsx
index bf7f3356..31142563 100644
--- a/website/src/components/HomePageDemo/index.tsx
+++ b/website/src/components/HomePageDemo/index.tsx
@@ -14,14 +14,14 @@ export default function HomePageDemo({ className }: Props) {
           <h2 className="text-h5 font-semibold lg:text-h4 mb-1">Assemble your player</h2>
           <p>Feel at home with your framework, skin, and media source</p>
         </header>
-        <BaseDemo className="lg:h-89" />
+        <BaseDemo className="lg:h-91" />
       </section>
       <section className="grid grid-rows-subgrid row-span-2 mb-6">
         <header className="max-w-3xl">
           <h2 className="text-h5 font-semibold lg:text-h4 mb-1">Take full control</h2>
           <p>Make your player truly your own with fully-editable components</p>
         </header>
-        <EjectDemo className="lg:h-89" />
+        <EjectDemo className="lg:h-91" />
       </section>
     </section>
   );
diff --git a/website/src/components/NavBar/MobileNav.tsx b/website/src/components/NavBar/MobileNav.tsx
index 18b5ab70..2bc04366 100644
--- a/website/src/components/NavBar/MobileNav.tsx
+++ b/website/src/components/NavBar/MobileNav.tsx
@@ -31,7 +31,7 @@ export default function MobileNav({ navLinks, currentPath, dark = false, childre
       {/* Portal renders outside DOM hierarchy */}
       <Dialog.Portal>
         {/* Popup container */}
-        <Dialog.Popup className={clsx('fixed inset-0 z-50 flex flex-col', dark ? 'bg-dark-100 text-light-80' : 'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-80')}>
+        <Dialog.Popup className={clsx('fixed inset-0 z-50 flex flex-col', dark ? 'bg-dark-100 text-light-100' : 'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-100')}>
           {/* Header with close button */}
           <div
             className={clsx(
diff --git a/website/src/components/docs/SidebarItem.astro b/website/src/components/docs/SidebarItem.astro
index 42b864a0..c1ee43db 100644
--- a/website/src/components/docs/SidebarItem.astro
+++ b/website/src/components/docs/SidebarItem.astro
@@ -36,7 +36,7 @@ const isActive = containsActivePath(item);
           'intent:text-dark-100 dark:intent:text-light-80 cursor-pointer',
           depth === 0 && 'font-medium',
           depth > 0 && 'border-l',
-          isActive ? 'text-dark-100 dark:text-light-80 border-dark-100' : 'border-light-40 dark:border-dark-40',
+          isActive ? 'text-dark-100 dark:text-light-100 border-dark-100' : 'border-light-40 dark:border-dark-40',
         ]}
       >
         <span class="flex-1">{item.sidebarLabel}</span>
diff --git a/website/src/layouts/Base.astro b/website/src/layouts/Base.astro
index a9909445..10828ede 100644
--- a/website/src/layouts/Base.astro
+++ b/website/src/layouts/Base.astro
@@ -78,7 +78,7 @@ const fullTitle = Array.isArray(title)
   <body
     class:list={[
       'relative',
-      'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-80',
+      'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-100',
       'font-sans antialiased text-pretty text-base',
       'min-w-80',
       '[--nav-h:calc(var(--spacing)*13)] sm:[--nav-h:calc(var(--spacing)*14)]',
