Fix storage request modal style

src/components/StorageRequestSetup/StorageRequestReview.css

@@ -83,7 +83,19 @@
 
 @media (max-width: 800px) {
   .storageRequestReview-numbers {
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr;
+  }
+
+  .storageRequestReview-presets {
+    flex-direction: column;
+  }
+
+  .storageRequestReview-presets-blocs {
+    flex-direction: column;
+  }
+
+  .storageRequestReview-alert {
+    flex-direction: column;
   }
 }
 
@@ -92,3 +104,7 @@
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
+
+.document-noOverflow {
+  overflow: hidden;
+}

src/components/StorageRequestSetup/StorageRequestStepper.tsx

@@ -182,7 +182,7 @@ export function StorageRequestStepper({ className, open, onClose }: Props) {
 
   return (
     <>
-      <Backdrop open={open} onClose={onClose} />
+      <Backdrop open={open} onClose={onClose} removeScroll={true} />
       <div
         className={classnames(
           ["storageRequest"],

src/routes/dashboard/purchases.css

@@ -13,3 +13,9 @@
   margin: auto;
   display: block;
 }
+
+@media (max-width: 800px) {
+  .purchases-modal {
+    width: calc(100% - 2rem);
+  }
+}