diff --git a/src/pages/settings/components/ThemeCard.tsx b/src/pages/settings/components/ThemeCard.tsx
index 2e9742a..c0aabc2 100644
--- a/src/pages/settings/components/ThemeCard.tsx
+++ b/src/pages/settings/components/ThemeCard.tsx
@@ -15,9 +15,9 @@ function ThemeCard({ handleOpen, handleDeleteTheme, theme, setValue, createTheme
 					backgroundColor: theme.borderColor,
 					borderRadius: '4px',
 					color:
-                        theme.borderColor === theme.primaryColor
-                            ? theme.accentColor
-                            : theme.primaryColor,
+						theme.borderColor === theme.primaryColor
+							? theme.accentColor
+							: theme.primaryColor,
 					zIndex: 3,
 				}}
 			>
@@ -93,6 +93,7 @@ function ThemeCard({ handleOpen, handleDeleteTheme, theme, setValue, createTheme
 									fontSize: '6px',
 									justifyContent: 'center',
 									alignContent: 'center',
+									color: theme.primaryColor,
 								}}
 							>
 								lorem ipsum
@@ -106,6 +107,7 @@ function ThemeCard({ handleOpen, handleDeleteTheme, theme, setValue, createTheme
 									fontSize: '6px',
 									justifyContent: 'center',
 									alignContent: 'center',
+									color: theme.primaryColor,
 								}}
 							>
 								lorem ipsum
@@ -119,6 +121,7 @@ function ThemeCard({ handleOpen, handleDeleteTheme, theme, setValue, createTheme
 									fontSize: '6px',
 									justifyContent: 'center',
 									alignContent: 'center',
+									color: theme.primaryColor,
 								}}
 							>
 								lorem ipsum