Style uniformity

src/pages/settings/components/WoL/DebouncedWolClient.tsx

@@ -55,9 +55,9 @@ function DebouncedWolClient({
 						<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)',
@@ -75,7 +75,7 @@ function DebouncedWolClient({
 			>
 				<ActionIcon
 					pos={'absolute'}
-					right={16}
+					right={'1rem'}
 					color='red'
 					onClick={() => {
 						openModal();
@@ -88,7 +88,6 @@ function DebouncedWolClient({
 				<TextInput
 					label={'Hostname'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={client.hostname}
 					onChange={(event) => {
@@ -101,7 +100,6 @@ function DebouncedWolClient({
 				<TextInput
 					label={'MAC Address'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={client.macAddress}
 					onChange={(event) => {