diff --git a/client/pages/config/index.vue b/client/pages/config/index.vue
index f7e326e5..600a4bab 100644
--- a/client/pages/config/index.vue
+++ b/client/pages/config/index.vue
@@ -74,12 +74,12 @@
 
           <div class="py-2">
             <p class="px-1 text-sm font-semibold">{{ $strings.LabelSettingsDateFormat }}</p>
-            <ui-dropdown v-model="newServerSettings.dateFormat" :items="dateFormats" small class="max-w-48" @input="(val) => updateSettingsKey('dateFormat', val)" />
+            <ui-dropdown v-model="newServerSettings.dateFormat" :items="dateFormats" small class="max-w-52" @input="(val) => updateSettingsKey('dateFormat', val)" />
           </div>
 
           <div class="py-2">
             <p class="px-1 text-sm font-semibold">{{ $strings.LabelLanguageDefaultServer }}</p>
-            <ui-dropdown ref="langDropdown" v-model="newServerSettings.language" :items="$languageCodeOptions" small class="max-w-48" @input="updateServerLanguage" />
+            <ui-dropdown ref="langDropdown" v-model="newServerSettings.language" :items="$languageCodeOptions" small class="max-w-52" @input="updateServerLanguage" />
           </div>
         </div>
 
diff --git a/client/plugins/i18n.js b/client/plugins/i18n.js
index 6f5a4089..421c0ec7 100644
--- a/client/plugins/i18n.js
+++ b/client/plugins/i18n.js
@@ -8,6 +8,7 @@ const languageCodeMap = {
   'de': 'Deutsch',
   'en-us': 'English',
   // 'es': 'Español',
+  'hr': 'Hrvatski',
   'it': 'Italiano',
   // 'pl': 'Polski',
   'zh-cn': '简体中文 (Simplified Chinese)'