diff --git a/public/locales/en/settings/customization/color-selector.json b/public/locales/en/settings/customization/color-selector.json
index 19f42e95b..c0555e249 100644
--- a/public/locales/en/settings/customization/color-selector.json
+++ b/public/locales/en/settings/customization/color-selector.json
@@ -1,4 +1,6 @@
 {
   "colors": "Colors",
-  "suffix": "{{color}} color"
+  "suffix": "{{color}} color",
+  "primary": "Primary",
+  "secondary": "Secondary"
 }
\ No newline at end of file
diff --git a/src/components/Settings/Customization/Theme/ColorSelector.tsx b/src/components/Settings/Customization/Theme/ColorSelector.tsx
index c3ae8aae2..5c3941ace 100644
--- a/src/components/Settings/Customization/Theme/ColorSelector.tsx
+++ b/src/components/Settings/Customization/Theme/ColorSelector.tsx
@@ -99,9 +99,7 @@ export function ColorSelector({ type, defaultValue }: ColorControlProps) {
         </Popover.Dropdown>
       </Popover>
       <Text>
-        {t('suffix', {
-          color: type[0].toUpperCase() + type.slice(1),
-        })}
+        {t('suffix', {color: t(type)})}
       </Text>
     </Group>
   );