Style updates

src/pages/settings/components/Shared/AddItemModal.tsx

@@ -23,8 +23,16 @@ function AddItemModal({ modalOpened, handleClose, body, title }: any) {
 					<Modal.Title>{title}</Modal.Title>
 					<Modal.CloseButton />
 				</Modal.Header>
-				<Modal.Body pb={'2rem'}>
-					<Card className={cardClasses.settingsItem} classNames={cardClasses}>
+				<Modal.Body
+					h={isMobile ? '90%' : undefined}
+					pb={'2rem'}
+					style={{ justifyContent: 'center', alignContent: 'center' }}
+				>
+					<Card
+						style={{ alignContent: 'center', justifyContent: 'center' }}
+						className={cardClasses.settingsItem}
+						classNames={cardClasses}
+					>
 						{body}
 					</Card>
 				</Modal.Body>