Style updates

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

@@ -14,7 +14,7 @@ import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { useCommonHooks, useMutationAPI } from 'hooks';
 import { useEffect, useState } from 'react';
 import { FiTrash } from 'react-icons/fi';
-import { cardClasses, selectClasses, textInputClasses } from 'styles';
+import { cardClasses, selectClasses, switchClasses, textInputClasses } from 'styles';
 import type { Application } from 'types';
 import DeleteItemModal from '../Shared/DeleteItemModal';
 
@@ -111,7 +111,9 @@ function DebouncedApplication({
 				label={'Enabled'}
 			>
 				<Switch
-					label={<Text c={theme.primaryColor}>Enabled</Text>}
+					className={switchClasses.default}
+					classNames={switchClasses}
+					label={'Enabled'}
 					labelPosition='left'
 					pos={'absolute'}
 					left={16}
@@ -123,7 +125,6 @@ function DebouncedApplication({
 							enabled: event.target.checked ? 1 : 0,
 						});
 					}}
-					color={theme.primaryColor}
 				/>
 			</Tooltip>
 			<Group w={'100%'} justify='center'>
@@ -183,10 +184,12 @@ function DebouncedApplication({
 						dropdown: selectClasses.dropdown,
 					}}
 					mt={12}
+					limit={100}
+					defaultSearchValue={app?.icon}
 					data={Object.keys(allIcons).map((icon) => {
 						return { value: icon, label: icon };
 					})}
-					defaultValue={app.icon}
+					defaultValue={app?.icon}
 					comboboxProps={{
 						zIndex: 3000,
 						withinPortal: false,