diff --git a/src/pages/settings/components/ThemeCard.tsx b/src/pages/settings/components/ThemeCard.tsx
index 78a93bb..2e9742a 100644
--- a/src/pages/settings/components/ThemeCard.tsx
+++ b/src/pages/settings/components/ThemeCard.tsx
@@ -14,7 +14,10 @@ function ThemeCard({ handleOpen, handleDeleteTheme, theme, setValue, createTheme
 					paddingLeft: 4,
 					backgroundColor: theme.borderColor,
 					borderRadius: '4px',
-					color: theme.primaryColor,
+					color:
+                        theme.borderColor === theme.primaryColor
+                            ? theme.accentColor
+                            : theme.primaryColor,
 					zIndex: 3,
 				}}
 			>
@@ -28,10 +31,6 @@ function ThemeCard({ handleOpen, handleDeleteTheme, theme, setValue, createTheme
 					backgroundSize: 'cover',
 					backgroundColor: theme.backgroundColor,
 					border: `solid ${theme.borderColor}`,
-					color:
-                        theme.borderColor === theme.primaryColor
-                            ? theme.accentColor
-                            : theme.primaryColor,
 				}}
 				data-theme={theme.name}
 				onClick={() => {