Minor changes to styles and packages

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

@@ -37,7 +37,7 @@ function DeleteItemModal({
 				<Modal.Body pb={'2rem'}>
 					<Card className={cardClasses.settingsItem} classNames={cardClasses}>
 						{body}
-						<Group w={'100%'} justify='center' bottom={8}>
+						<Group justify='center' mt={'-1.5rem'}>
 							<Button
 								color={'red'}
 								styles={{ label: { color: 'black' } }}
@@ -48,13 +48,7 @@ function DeleteItemModal({
 							>
 								Delete
 							</Button>
-							<Button
-								color={'grey'}
-								styles={{ label: { color: 'white' } }}
-								onClick={handleClose}
-							>
-								Cancel
-							</Button>
+							<Button onClick={handleClose}>Cancel</Button>
 						</Group>
 					</Card>
 				</Modal.Body>