diff --git a/frontends/nextjs/src/components/ui/organisms/dialogs/Sheet/Header.tsx b/frontends/nextjs/src/components/ui/organisms/dialogs/Sheet/Header.tsx
index 358164d5b..09d954bd5 100644
--- a/frontends/nextjs/src/components/ui/organisms/dialogs/Sheet/Header.tsx
+++ b/frontends/nextjs/src/components/ui/organisms/dialogs/Sheet/Header.tsx
@@ -41,14 +41,11 @@ const SheetFooter = forwardRef<HTMLDivElement, SheetFooterProps>(
         ref={ref}
         sx={{
           display: 'flex',
-          flexDirection: 'column-reverse',
+          flexDirection: { xs: 'column-reverse', sm: 'row' },
           gap: 1,
           pt: 2,
           mt: 'auto',
-          sm: {
-            flexDirection: 'row',
-            justifyContent: 'flex-end',
-          },
+          justifyContent: { sm: 'flex-end' },
         }}
         {...props}
       >