Use whitespace-nowrap class to fix Suggest button

src/app/components/Form/HostField.vue

@@ -21,7 +21,7 @@
         <BasePrimaryButton as="span">
           <div class="flex items-center gap-3">
             <IconsSparkles class="w-4" />
-            <span :class="widthClass">{{ $t('admin.config.suggest') }}</span>
+            <span class="whitespace-nowrap">{{ $t('admin.config.suggest') }}</span>
           </div>
         </BasePrimaryButton>
       </AdminSuggestDialog>
@@ -30,23 +30,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n';
-
-const { locale } = useI18n();
-
-type LocaleCode = 'uk' | 'de' |'zh-CN';
-
-const widthMap: Partial<Record<LocaleCode, string>> & { default: string } = {
-  'uk': 'w-28',
-  'de': 'w-24',
-  'zh-CN':'w-8',
-  default: 'w-16',
-};
-
-const widthClass = (locale.value in widthMap)
-  ? widthMap[locale.value as LocaleCode]
-  : widthMap.default;
-
 defineProps<{
   id: string;
   label: string;