(chore) fix alert modal style

metlo-labs · Sep 6, 2022 · c8c9976 · c8c9976
1 parent ace71b1
commit c8c9976
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/frontend/src/components/Alert/AlertComponent.tsx b/frontend/src/components/Alert/AlertComponent.tsx
@@ -109,9 +109,14 @@ export const AlertComponent: React.FC<AlertComponentProps> = ({
           </Button>
         </HStack>
       </VStack>
-      <Modal isCentered isOpen={isOpen} onClose={closeModal}>
+      <Modal
+        size={{ base: "full", md: "initial" }}
+        isCentered
+        isOpen={isOpen}
+        onClose={closeModal}
+      >
         <ModalOverlay />
-        <ModalContent maxW="70%" h="85%">
+        <ModalContent w={{ md: "90%", lg: "70%" }} h="85%">
           <ModalHeader mr="30px">
             <HStack w="full" justifyContent="space-between">
               <HStack>