diff --git a/ui/src/components/Drawer.tsx b/ui/src/components/Drawer.tsx
index 64858af3..114050fd 100644
--- a/ui/src/components/Drawer.tsx
+++ b/ui/src/components/Drawer.tsx
@@ -62,6 +62,9 @@ function Mobile({ children, open, onOpen, onClose }: DrawerProps) {
       onOpen={onOpen}
       swipeAreaWidth={100}
       disableSwipeToOpen={false}
+      SwipeAreaProps={{
+        sx: { ...displayMobile },
+      }}
       ModalProps={{
         keepMounted: true,
       }}