More performance updates

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

@@ -13,7 +13,7 @@ import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { AddItemModal, NoItemsFound, SettingsHeader } from 'components';
 import { useCommonHooks, useMutationAPI, useQueryAPI } from 'hooks';
 import { useEffect, useState } from 'react';
-import { popoverClasses, textInputClasses } from 'styles';
+import { buttonClasses, popoverClasses, textInputClasses } from 'styles';
 import type { WolClient } from 'types';
 import DebouncedWolClient from './DebouncedWolClient';
 import WolClientSettingsItem from './WolClientSettingsItem';
@@ -116,12 +116,16 @@ const WolClientSettings = () => {
 								/>
 							</Group>
 							<Group mt={'1rem'}>
-								<Button type='submit' color={'green'}>
+								<Button
+									type='submit'
+									className={buttonClasses.saveButton}
+									classNames={buttonClasses}
+								>
 									Save
 								</Button>
 								<Button
-									color={'red'}
-									styles={{ label: { color: 'black' } }}
+									className={buttonClasses.cancelButton}
+									classNames={buttonClasses}
 									onClick={handleClose}
 								>
 									Cancel