Updated header and bug fixes

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

@@ -10,7 +10,7 @@ function AppSettingsItem({ url, icon, name, enabled }: any) {
 	const [hover, setHover] = useState<boolean>(false);
 	const { isMobile, theme } = useCommonHooks();
 	return (
-		<>
+		<Box pos={'relative'}>
 			{enabled === 0 && (
 				<Tooltip label={<Text c={theme.primaryColor}>This app is disabled</Text>}>
 					<ActionIcon
@@ -85,7 +85,7 @@ function AppSettingsItem({ url, icon, name, enabled }: any) {
 					</Text>
 				</Stack>
 			</Box>
-		</>
+		</Box>
 	);
 }
 

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

@@ -240,7 +240,7 @@ const ApplicationSettings = () => {
 			/>
 			{dragging ? (
 				<DragDropContext onDragEnd={onDragEnd}>
-					<Stack w={'100%'} align='center'>
+					<Stack mt={'6rem'} mb={'1rem'} w={'100%'} align='center'>
 						<Droppable droppableId={'groupList'}>
 							{(provided) => (
 								<Stack
@@ -316,7 +316,7 @@ const ApplicationSettings = () => {
 					</Stack>
 				</DragDropContext>
 			) : (
-				<Stack w={'100%'} align='center'>
+				<Stack mt={'6rem'} mb={'1rem'} w={'100%'} align='center'>
 					<Grid columns={18} w={'75%'}>
 						{applicationData?.map((application: Application) => (
 							<GridCol span={6} key={application.id}>