diff --git a/ui/src/components/StandaloneBrowserControls.tsx b/ui/src/components/StandaloneBrowserControls.tsx
index 6b6fe783..e529c4d0 100644
--- a/ui/src/components/StandaloneBrowserControls.tsx
+++ b/ui/src/components/StandaloneBrowserControls.tsx
@@ -34,7 +34,9 @@ function ControlButton({
 }
 
 export function StandaloneBrowserControls({ mobile }: { mobile: boolean }) {
-  const [chromeless, setChromeless] = useState(false);
+  const [chromeless, setChromeless] = useState(() =>
+    typeof window !== "undefined" && mobile ? isChromelessDisplayMode() : false,
+  );
   const toastActions = useOptionalToastActions();
 
   useEffect(() => {