diff --git a/app/components/pub/custom-ui/doc-entry/block.vue b/app/components/pub/custom-ui/doc-entry/block.vue
index bc855d2c..d56d568b 100644
--- a/app/components/pub/custom-ui/doc-entry/block.vue
+++ b/app/components/pub/custom-ui/doc-entry/block.vue
@@ -52,13 +52,15 @@ const settingClass = computed(() => {
       '[&_.cell]:xl:flex',
       '[&_.cell]:2xl:flex',
     ][getBreakpointIdx(props.cellFlexPoint)]
-    cls += ' ' + [
+    cls += ' [&_.label]:flex-shrink-0 ' + [
       '[&_.label]:md:w-12 [&_.label]:xl:w-20',
       '[&_.label]:md:w-16 [&_.label]:xl:w-24',
       '[&_.label]:md:w-24 [&_.label]:xl:w-32',
       '[&_.label]:md:w-32 [&_.label]:xl:w-40',
       '[&_.label]:md:w-44 [&_.label]:xl:w-52',
     ][getLabelSizeIdx(props.labelSize)]
+  } else {
+    cls += ' [&_.label]:pb-1 ';
   }
   cls += ' [&:not(.preview)_.height-default]:pt-2 [&:not(.preview)_.height-default]:2xl:!pt-1.5 [&:not(.preview)_.height-compact]:!pt-1 '
   cls += '[&_textarea]:text-xs [&_textarea]:xl:text-sm '
diff --git a/app/components/pub/custom-ui/doc-entry/cell.vue b/app/components/pub/custom-ui/doc-entry/cell.vue
index f37259ce..8c151df7 100644
--- a/app/components/pub/custom-ui/doc-entry/cell.vue
+++ b/app/components/pub/custom-ui/doc-entry/cell.vue
@@ -9,7 +9,7 @@ const props = defineProps({
 })
 
 const settingClass = computed(() => {
-  let cls = 'cell'
+  let cls = ' cell'
   if (props.colSpan) {
     cls += ' ' + [
       'col-span-1', 'col-span-2', 'col-span-3', 'col-span-4', 'col-span-5',
@@ -36,7 +36,7 @@ const settingClass = computed(() => {
 </script>
 
 <template>
-  <div :class="settingClass">
+  <div :class="`w-full${settingClass}`">
     <slot />
   </div>
 </template>
diff --git a/app/components/pub/custom-ui/doc-entry/field.vue b/app/components/pub/custom-ui/doc-entry/field.vue
index 829e0015..fb43507a 100644
--- a/app/components/pub/custom-ui/doc-entry/field.vue
+++ b/app/components/pub/custom-ui/doc-entry/field.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 const props = defineProps({
   errMessage: { type: String, default: '' },
-  defaultClass: { type: String, default: 'field grow shrink-0 overflow-hidden' },
+  defaultClass: { type: String, default: 'grow shrink-0 overflow-hidden' },
   class: { type: String, default: '' },
 })
 </script>
 
 <template>
-  <div :class="`${props.defaultClass} ${props.class}`">
+  <div :class="`field ${props.defaultClass} ${props.class}`">
     <slot />
     <div v-if="props.errMessage" class="mt-1 text-xs font-medium text-red-500">{{ props.errMessage }}</div>
   </div>
diff --git a/app/components/pub/custom-ui/doc-entry/index.ts b/app/components/pub/custom-ui/doc-entry/index.ts
index 95ffc1c9..8af74884 100644
--- a/app/components/pub/custom-ui/doc-entry/index.ts
+++ b/app/components/pub/custom-ui/doc-entry/index.ts
@@ -1,3 +1,4 @@
 export { default as Block } from './block.vue'
 export { default as Cell } from './cell.vue'
-// export { Form, Field as FormField, FieldArray as FormFieldArray } from 'vee-validate'
+export { default as Label } from './label.vue'
+export { default as Field } from './field.vue'