diff --git a/src/app/components/Form/HostField.vue b/src/app/components/Form/HostField.vue
index 47793be2..6bc14a6e 100644
--- a/src/app/components/Form/HostField.vue
+++ b/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>{{ $t('admin.config.suggest') }}</span>
+            <span class="w-16">{{ $t('admin.config.suggest') }}</span>
           </div>
         </BasePrimaryButton>
       </AdminSuggestDialog>
@@ -29,6 +29,12 @@
   </div>
 </template>
 
+<style scoped lang="css">
+.w-16{
+  width: 4rem;
+}
+</style>
+
 <script lang="ts" setup>
 defineProps<{
   id: string;