diff --git a/index.html b/index.html
index 59deee9..a0dbe7f 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
           "key": "checkbox"
         },
         {
-          "name": "checkboxes",
+          "name": "checkboxes Praesent tortor ligula, accumsan quis neque eget, laoreet convallis nunc. Morbi a urna sem. Mauris venenatis a felis ex.",
           "hint": "Quisque justo leo, ultricies vestibulum.",
           "type": "CheckboxesField",
           "columns": {
diff --git a/src/EventForm.ce.vue b/src/EventForm.ce.vue
index f8f2d4e..b108725 100644
--- a/src/EventForm.ce.vue
+++ b/src/EventForm.ce.vue
@@ -102,7 +102,7 @@
                                             [colClasses.desktop[field.columns.desktop]]: true,
                                         }"
                                     >
-                                        <component :is="resolveComponentName(field)" v-model="payload[field.key]" :fields="allFields" :payload="payload" :field="field"></component>
+                                        <component :is="resolveComponentName(field)" v-model="payload[field.key]" :fields="allFields" :payload="payload" :field="field" class="grow"></component>
                                         <div v-if="editable" class="right-0 top-0 -mr-2 -mt-2 absolute hidden space-x-2 group-hover:flex">
                                             <a href="#" class="bg-edit rounded-full flex w-5 h-5 items-center justify-center text-font ml-2" @click.prevent.stop="$emit('editField', index, findex)">
                                                 <edit-icon class="w-3 h-3 fill-current"></edit-icon>