From 802a266f87f87f00c85daa72617a5d60aec0c7ff Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 26 Mar 2024 06:22:21 -0600
Subject: [PATCH] Use full width top bar

---
 web/src/views/events/RecordingView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index e9981c1be..3723e922f 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -204,9 +204,9 @@ export function RecordingView({
   }, [mainCameraAspect]);
 
   return (
-    <div ref={contentRef} className="relative size-full">
+    <div ref={contentRef} className="size-full flex flex-col">
       <div
-        className={`absolute left-0  top-0 mr-2 flex items-center justify-between ${isMobile ? "right-0" : "right-24"}`}
+        className={`w-full h-10 flex items-center justify-between ${isMobile ? "right-0" : "right-24"}`}
       >
         <Button className="rounded-lg" onClick={() => navigate(-1)}>
           <IoMdArrowRoundBack className="size-5 mr-[10px]" />