diff --git a/src/pages/settings/components/ThemeModal.tsx b/src/pages/settings/components/ThemeModal.tsx
index 91a27e0..b480f2a 100644
--- a/src/pages/settings/components/ThemeModal.tsx
+++ b/src/pages/settings/components/ThemeModal.tsx
@@ -285,10 +285,10 @@ function ThemeModal({
 					</Group>
 					<Divider color='black' my='sm' />
 					<Group mt={'2rem'}>
-						<Button color={'green'} onClick={handleSaveTheme}>
+						<Button color={'green'} styles={{ label: { color: 'black' }}} onClick={handleSaveTheme}>
 							Save
 						</Button>
-						<Button color={'red'} onClick={handleClose}>
+						<Button color={'red'} styles={{ label: { color: 'black' }}} onClick={handleClose}>
 							Cancel
 						</Button>
 					</Group>