diff --git a/src/presets/tailwindui.ts b/src/presets/tailwindui.ts
index ea933edd..c8438de3 100644
--- a/src/presets/tailwindui.ts
+++ b/src/presets/tailwindui.ts
@@ -96,6 +96,7 @@ const button = {
 }
 
 const formGroup = {
+  wrapper: '',
   label: 'block text-sm font-medium u-text-gray-700',
   container: 'mt-1 relative',
   required: 'text-red-400',
diff --git a/src/runtime/components/forms/FormGroup.vue b/src/runtime/components/forms/FormGroup.vue
index 897b4967..b251780e 100644
--- a/src/runtime/components/forms/FormGroup.vue
+++ b/src/runtime/components/forms/FormGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :class="wrapperClass">
     <slot name="label">
       <div class="flex content-center justify-between">
         <label
@@ -57,6 +57,10 @@ export default {
       type: String,
       default: null
     },
+    wrapperClass: {
+      type: String,
+      default: () => $ui.formGroup.wrapper
+    },
     containerClass: {
       type: String,
       default: () => $ui.formGroup.container