More performance updates

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

@@ -14,7 +14,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 { textInputClasses } from 'styles';
+import { buttonClasses, textInputClasses } from 'styles';
 import type { Bookmark, BookmarkGroup } from 'types';
 import DebouncedGroupSettingsItem from './DebouncedGroupSettingsItem';
 
@@ -175,12 +175,16 @@ const BookmarkSettings = () => {
 								/>
 							</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

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

@@ -420,12 +420,16 @@ function DebouncedGroupSettingsItem({
 											align='center'
 											justify='center'
 										>
-											<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={() => {
 													setPopoverOpened(false);
 													form.reset();