Style uniformity

src/pages/settings/components/Search/DebouncedSearchProvider.tsx

@@ -56,9 +56,9 @@ function DebouncedSearchProvider({
 						<Text
 							style={{
 								fontWeight: 'bold',
-								fontSize: '20px',
-								padding: '8px',
-								margin: '8px',
+								fontSize: '1.25rem',
+								padding: '.5rem',
+								margin: '.5rem',
 								borderRadius: '10px',
 								backgroundColor: 'var(--mantine-color-accent-0)',
 								color: 'var(--mantine-color-background-0)',
@@ -76,7 +76,7 @@ function DebouncedSearchProvider({
 			>
 				<ActionIcon
 					pos={'absolute'}
-					right={16}
+					right={'1rem'}
 					color='red'
 					onClick={() => {
 						setIsOpen(true);
@@ -91,7 +91,6 @@ function DebouncedSearchProvider({
 					<TextInput
 						label={'Name'}
 						className={textInputClasses.settingsItem}
-						pt={16}
 						classNames={textInputClasses}
 						defaultValue={provider.name}
 						onChange={(event) => {
@@ -104,7 +103,6 @@ function DebouncedSearchProvider({
 					<TextInput
 						label={'Prefix'}
 						className={textInputClasses.settingsItem}
-						pt={16}
 						classNames={textInputClasses}
 						defaultValue={provider.prefix}
 						onChange={(event) => {
@@ -119,7 +117,6 @@ function DebouncedSearchProvider({
 					label={'Url'}
 					w={isMobile ? '80%' : '100%'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={provider.url}
 					onChange={(event) => {