diff --git a/src/misc.ts b/src/misc.ts
index 54dd931ee..883496397 100644
--- a/src/misc.ts
+++ b/src/misc.ts
@@ -332,3 +332,7 @@ export function parseBoolean(a: string): boolean {
   }
   return a === "true";
 }
+
+export function capitalize(s: string) {
+  return s.charAt(0).toLocaleUpperCase() + s.slice(1);
+}
diff --git a/src/staff/components/StaffPreferences/StaffPreferences.tsx b/src/staff/components/StaffPreferences/StaffPreferences.tsx
index 0400b3fb1..18c2b9f0a 100644
--- a/src/staff/components/StaffPreferences/StaffPreferences.tsx
+++ b/src/staff/components/StaffPreferences/StaffPreferences.tsx
@@ -6,6 +6,7 @@ import { useIntl } from "react-intl";
 import CardTitle from "@saleor/components/CardTitle";
 import { Locale, localeNames } from "@saleor/components/Locale";
 import SingleAutocompleteSelectField from "@saleor/components/SingleAutocompleteSelectField";
+import { capitalize } from "@saleor/misc";
 
 interface StaffPreferencesProps {
   locale: Locale;
@@ -29,7 +30,7 @@ const StaffPreferences: React.StatelessComponent<StaffPreferencesProps> = ({
       <CardContent>
         <SingleAutocompleteSelectField
           choices={Object.values(Locale).map(locale => ({
-            label: localeNames[locale],
+            label: capitalize(localeNames[locale]),
             value: locale
           }))}
           displayValue={localeNames[locale]}