fix: added fix for the height of the model content to not overflow on smaller devices

remix/app/components/ImageEditModal.tsx

@@ -1,17 +1,17 @@
-import { useState, useEffect, ChangeEvent } from "react"
 import {
-  ModalFooter,
-  ModalBody,
-  ModalHeader,
-  ButtonGroup,
   Button,
+  ButtonGroup,
   Field as FieldComponent,
   FieldLabel,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
   TextInput,
 } from "@contentstack/venus-components"
+import { ChangeEvent, useEffect, useState } from "react"
 
-import type { FocalPoint, InsertResponse } from "~/types/imagevault"
 import FocalPointPicker from "~/shared-components/FocalPointPicker"
+import type { FocalPoint, InsertResponse } from "~/types/imagevault"
 
 type ImageEditModalProps = {
   fieldData: InsertResponse
@@ -86,7 +86,9 @@ export default function ImageEditModal({
           gap: "1rem",
           alignItems: "center",
           width: "auto",
-          maxHeight: "none",
+          maxHeight: "calc(90dvh - 124px)", // 124px is the height of the header and footer
+          maxWidth: "90dvw",
+          overflow: "auto",
         }}
       >
         <FocalPointPicker