diff --git a/apps/edr-passenger-web/portal/src/components/MobileTopBar.tsx b/apps/edr-passenger-web/portal/src/components/MobileTopBar.tsx
index 8920b2e80..a58c66958 100644
--- a/apps/edr-passenger-web/portal/src/components/MobileTopBar.tsx
+++ b/apps/edr-passenger-web/portal/src/components/MobileTopBar.tsx
@@ -1,5 +1,6 @@
 import Link from 'next/link';
 import Image from 'next/image';
+import ThemeToggle from './ThemeToggle';
 
 // AppSidebar (which carries the logo) is `hidden lg:flex` — invisible on
 // mobile, so mobile pages had no branding/way back to home at all. This is
@@ -19,6 +20,9 @@ export default function MobileTopBar() {
           priority
         />
       </Link>
+      <div className="ml-auto">
+        <ThemeToggle />
+      </div>
     </div>
   );
 }