diff --git a/tabby-settings/src/components/editProfileModal.component.ts b/tabby-settings/src/components/editProfileModal.component.ts
index 015ed16c..7b1515e3 100644
--- a/tabby-settings/src/components/editProfileModal.component.ts
+++ b/tabby-settings/src/components/editProfileModal.component.ts
@@ -42,7 +42,11 @@ export class EditProfileModalComponent<P extends Profile> {
     colorsAutocomplete = text$ => text$.pipe(
         debounceTime(200),
         distinctUntilChanged(),
-        map((q: string) => TAB_COLORS.filter(x => !q || x.toString().startsWith(q)).map(x => x.value))
+        map((q: string) =>
+            TAB_COLORS
+                .filter(x => !q || x.name.toLowerCase().startsWith(q.toLowerCase()))
+                .map(x => x.value)
+        )
     )
 
     colorsFormatter = value => {