Style changes

src/pages/settings/components/Applications/Applications.tsx

@@ -240,7 +240,12 @@ const ApplicationSettings = () => {
 			/>
 			{dragging ? (
 				<DragDropContext onDragEnd={onDragEnd}>
-					<Stack mt={'6rem'} mb={'1rem'} w={'100%'} align='center'>
+					<Stack
+						mt={isMobile ? '9rem' : '6rem'}
+						mb={isMobile ? '6rem' : '1rem'}
+						w={'100%'}
+						align='center'
+					>
 						<Droppable droppableId={'groupList'}>
 							{(provided) => (
 								<Stack
@@ -316,7 +321,12 @@ const ApplicationSettings = () => {
 					</Stack>
 				</DragDropContext>
 			) : (
-				<Stack mt={'6rem'} mb={'1rem'} w={'100%'} align='center'>
+				<Stack
+					mt={isMobile ? '9rem' : '6rem'}
+					mb={isMobile ? '6rem' : '1rem'}
+					w={'100%'}
+					align='center'
+				>
 					<Grid columns={18} w={'75%'}>
 						{applicationData?.map((application: Application) => (
 							<GridCol span={6} key={application.id}>
@@ -340,7 +350,7 @@ const ApplicationSettings = () => {
 											/>
 										</Box>
 									</Popover.Target>
-									<Popover.Dropdown>
+									<Popover.Dropdown w={isMobile ? '100%' : undefined}>
 										<DebouncedApplication
 											application={application}
 											setIsOpen={setIsOpen}