diff --git a/packages/form/src/fields/Text.vue b/packages/form/src/fields/Text.vue
index 933eec6a..d3ed8f86 100644
--- a/packages/form/src/fields/Text.vue
+++ b/packages/form/src/fields/Text.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%">
+  <div class="m-fields-text">
     <TMagicInput
       v-model="model[name]"
       ref="input"
diff --git a/packages/form/src/theme/text.scss b/packages/form/src/theme/text.scss
index acc31dbc..6c5ba72a 100644
--- a/packages/form/src/theme/text.scss
+++ b/packages/form/src/theme/text.scss
@@ -1,3 +1,9 @@
+.m-fields-text {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
 .m-form-validate__warning {
   color: var(--el-color-warning);
   font-size: 12px;