diff --git a/web/src/components/overlay/MobileCameraDrawer.tsx b/web/src/components/overlay/MobileCameraDrawer.tsx
index d4d318fcf..9a61258ca 100644
--- a/web/src/components/overlay/MobileCameraDrawer.tsx
+++ b/web/src/components/overlay/MobileCameraDrawer.tsx
@@ -27,7 +27,7 @@ export default function MobileCameraDrawer({
           <FaVideo className="text-muted-foreground" />
         </Button>
       </DrawerTrigger>
-      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2">
+      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 mx-1 rounded-t-2xl">
         {allCameras.map((cam) => (
           <div
             key={cam}
diff --git a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
index 8f6a3232f..6fe644e2b 100644
--- a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
+++ b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
@@ -273,7 +273,7 @@ export default function MobileReviewSettingsDrawer({
             <FaCog className="text-muted-foreground" />
           </Button>
         </DrawerTrigger>
-        <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-4 rounded-2xl">
+        <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-1 rounded-t-2xl">
           {content}
         </DrawerContent>
       </Drawer>
diff --git a/web/src/components/overlay/MobileTimelineDrawer.tsx b/web/src/components/overlay/MobileTimelineDrawer.tsx
index 98a969bc3..85204170d 100644
--- a/web/src/components/overlay/MobileTimelineDrawer.tsx
+++ b/web/src/components/overlay/MobileTimelineDrawer.tsx
@@ -26,7 +26,7 @@ export default function MobileTimelineDrawer({
           <FaFlag className="text-muted-foreground" />
         </Button>
       </DrawerTrigger>
-      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2">
+      <DrawerContent className="max-h-[75dvh] overflow-hidden flex flex-col items-center gap-2 mx-1 rounded-t-2xl">
         <div
           className={`w-full mx-4 py-2 text-center capitalize ${selected == "timeline" ? "bg-secondary rounded-lg" : ""}`}
           onClick={() => {