diff --git a/packages/app-client/src/locales/locales.test.ts b/packages/app-client/src/locales/locales.test.ts
index 3dfe968a..b4488ed4 100644
--- a/packages/app-client/src/locales/locales.test.ts
+++ b/packages/app-client/src/locales/locales.test.ts
@@ -37,4 +37,9 @@ describe('locales', () => {
       expect(await fileExists(`./${key}.json`)).to.eql(true, `Missing file for locale ${key}`);
     }
   });
+
+  test('make sure locales are sorted by the native language name', () => {
+    const sortedLocales = [...locales].sort((a, b) => a.name.localeCompare(b.name));
+    expect(locales).to.eql(sortedLocales);
+  });
 });
diff --git a/packages/app-client/src/locales/locales.ts b/packages/app-client/src/locales/locales.ts
index 7e3dbbc7..8cd04829 100644
--- a/packages/app-client/src/locales/locales.ts
+++ b/packages/app-client/src/locales/locales.ts
@@ -1,16 +1,16 @@
 // Order of locales matters, keep it sorted by the native language name
 export const locales = [
-  { key: 'ar', name: 'العربية' },
-  { key: 'zh-CN', name: '简体中文' },
   { key: 'de', name: 'Deutsch' },
   { key: 'en', name: 'English' },
   { key: 'es', name: 'Español' },
   { key: 'fr', name: 'Français' },
+  { key: 'it', name: 'Italiano' },
   { key: 'hu', name: 'Magyar' },
   { key: 'nl', name: 'Nederlands' },
-  { key: 'it', name: 'Italiano' },
   { key: 'pt', name: 'Português' },
   { key: 'pt-BR', name: 'Português (Brasil)' },
-  { key: 'ru', name: 'Русский' },
   { key: 'vi', name: 'Tiếng Việt' },
+  { key: 'ru', name: 'Русский' },
+  { key: 'ar', name: 'العربية' },
+  { key: 'zh-CN', name: '简体中文' },
 ] as const;