full modal fix

ui/shared/FormModal.tsx

@@ -10,6 +10,7 @@ import {
 } from '@chakra-ui/react';
 import React, { useCallback } from 'react';
 
+import useIsMobile from 'lib/hooks/useIsMobile';
 import FormSubmitAlert from 'ui/shared/FormSubmitAlert';
 
 interface Props<TData> {
@@ -38,8 +39,10 @@ export default function FormModal<TData>({
     onClose();
   }, [ onClose, setAlertVisible ]);
 
+  const isMobile = useIsMobile();
+
   return (
-    <Modal isOpen={ isOpen } onClose={ onModalClose } size={{ base: 'full', lg: 'md' }}>
+    <Modal isOpen={ isOpen } onClose={ onModalClose } size={ isMobile ? 'full' : 'md' }>
       <ModalOverlay/>
       <ModalContent>
         <ModalHeader fontWeight="500" textStyle="h3">{ title }</ModalHeader>