diff --git a/src/frontend/src/features/recording/components/ControlsButton.tsx b/src/frontend/src/features/recording/components/ControlsButton.tsx
index 6721bb2c..94e72aa9 100644
--- a/src/frontend/src/features/recording/components/ControlsButton.tsx
+++ b/src/frontend/src/features/recording/components/ControlsButton.tsx
@@ -46,7 +46,11 @@ export const ControlsButton = ({
   const primaryActionRef = useRef<HTMLButtonElement | null>(null)
 
   useEffect(() => {
-    primaryActionRef.current?.focus()
+    requestAnimationFrame(() => {
+      if (primaryActionRef.current) {
+        primaryActionRef.current.focus({ preventScroll: true })
+      }
+    })
   }, [])
 
   const room = useRoomContext()