Style fixes

src/pages/homepage/components/SettingsButton/SettingsCard.tsx

@@ -85,7 +85,7 @@ function SettingsCard({
 							value={scale}
 							onChange={(value) => setScale(value)}
 							step={0.1}
-							min={0.25}
+							min={0.2}
 							max={3}
 							marks={[{ value: 1, label: 'Default' }]}
 							onDoubleClick={() => setScale(1)}
@@ -93,7 +93,7 @@ function SettingsCard({
 					</Stack>
 				)}
 			</Group>
-			<Group justify='center' mb={'.25rem'}>
+			<Group justify='center' mb={'.25rem'} pos={'relative'}>
 				<MultiSelect
 					label='Filter'
 					data={
@@ -124,6 +124,7 @@ function SettingsCard({
 					value={sort}
 					data={['Custom', 'A>Z', 'Z>A', 'Newest', 'Oldest']}
 					classNames={{
+						wrapper: selectClasses.menuSelectWrapper,
 						root: selectClasses.menuSelectRoot,
 						input: selectClasses.menuSelectInput,
 						label: selectClasses.menuSelectLabel,
@@ -137,6 +138,7 @@ function SettingsCard({
 					onChange={(_value, option: ComboboxItem) => {
 						setSort(option.value);
 					}}
+					labelProps={{ top: 8 }}
 				/>
 			</Group>
 		</Stack>

src/pages/homepage/components/SettingsButton/WakeOnLanCard.tsx

@@ -19,6 +19,7 @@ function WakeOnLan({
 	return (
 		<Stack
 			gap={0}
+			pos={'relative'}
 			className={stackClasses.menuStack}
 			classNames={stackClasses}
 			style={{ aspectRatio: isMobile ? undefined : '1/1' }}

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

@@ -206,6 +206,7 @@ const ApplicationSettings = () => {
 									label={'Icon'}
 									className={selectClasses.settingsItem}
 									classNames={{
+										wrapper: selectClasses.menuSelectWrapper,
 										input: selectClasses.menuSelectInput,
 										label: selectClasses.menuSelectLabel,
 										options: selectClasses.menuSelectOptions,

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

@@ -146,6 +146,7 @@ function DebouncedApplication({
 					label={'Icon'}
 					className={selectClasses.settingsItem}
 					classNames={{
+						wrapper: selectClasses.menuSelectWrapper,
 						input: selectClasses.menuSelectInput,
 						label: selectClasses.menuSelectLabel,
 						options: selectClasses.menuSelectOptions,

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

@@ -138,6 +138,7 @@ function DebouncedGroupSettingsItem({
 			/>
 			<Card.Section
 				p={'1rem'}
+				pt={0}
 				bg={'var(--mantine-color-search-0)'}
 				c={'var(--mantine-color-background-0)'}
 			>