Style changes

src/pages/settings/components/Bookmarks/Bookmarks.tsx

@@ -182,7 +182,12 @@ const BookmarkSettings = () => {
 			/>
 			{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
@@ -258,8 +263,13 @@ const BookmarkSettings = () => {
 					</Stack>
 				</DragDropContext>
 			) : (
-				<Stack mt={'6rem'} mb={'1rem'} w={'100%'} align='center'>
-					<Group w={isMobile ? undefined : '75%'} align='start'>
+				<Stack
+					mt={isMobile ? '9rem' : '6rem'}
+					mb={isMobile ? '6rem' : '1rem'}
+					w={'100%'}
+					align='center'
+				>
+					<Group w={isMobile ? undefined : '75%'} align='start' justify='center'>
 						{groups?.map((group: BookmarkGroup) => (
 							<DebouncedGroupSettingsItem
 								key={group.id}