diff --git a/src/context/LanguageContext.tsx b/src/context/LanguageContext.tsx
index 0cf4d7d79b..115f4f4b6c 100644
--- a/src/context/LanguageContext.tsx
+++ b/src/context/LanguageContext.tsx
@@ -10,6 +10,7 @@ export type AvailableLocale =
   | 'el'
   | 'es'
   | 'fr'
+  | 'hr'
   | 'hu'
   | 'it'
   | 'ja'
@@ -60,6 +61,10 @@ export const availableLanguages: AvailableLanguageObject = {
     code: 'fr',
     display: 'Français',
   },
+  hr: {
+    code: 'hr',
+    display: 'Hrvatski',
+  },
   it: {
     code: 'it',
     display: 'Italiano',
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index d467e61b9e..5730e410cd 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -42,6 +42,8 @@ const loadLocaleData = (locale: AvailableLocale): Promise<any> => {
       return import('../i18n/locale/es.json');
     case 'fr':
       return import('../i18n/locale/fr.json');
+    case 'hr':
+      return import('../i18n/locale/hr.json');
     case 'hu':
       return import('../i18n/locale/hu.json');
     case 'it':