diff --git a/src/components/overlays/Modal.tsx b/src/components/overlays/Modal.tsx
index d1534b42..fc2c97f4 100644
--- a/src/components/overlays/Modal.tsx
+++ b/src/components/overlays/Modal.tsx
@@ -18,8 +18,8 @@ export function useModal(id: string) {
 
 export function ModalCard(props: { children?: ReactNode }) {
   return (
-    <div className="w-[30rem] max-w-full">
-      <div className="w-full bg-dropdown-background rounded-xl p-8 m-4 pointer-events-auto">
+    <div className="w-full max-w-[30rem] m-4">
+      <div className="w-full bg-dropdown-background rounded-xl p-8 pointer-events-auto">
         {props.children}
       </div>
     </div>