diff --git a/app/Providers/Form.php b/app/Providers/Form.php
index 24d19c34b..50bcc4bad 100644
--- a/app/Providers/Form.php
+++ b/app/Providers/Form.php
@@ -120,7 +120,7 @@ class Form extends Provider
         ]);
 
         Facade::component('recurring', 'partials.form.recurring', [
-            'page', 'model' => null,
+            'page', 'model' => null, 'col' => 'col-md-12',
         ]);
 
         Facade::component('invoice_text', 'partials.form.invoice_text', [
diff --git a/resources/assets/js/components/AkauntingRecurring.vue b/resources/assets/js/components/AkauntingRecurring.vue
index 5a29a0711..213ecf8ee 100644
--- a/resources/assets/js/components/AkauntingRecurring.vue
+++ b/resources/assets/js/components/AkauntingRecurring.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="row col-md-6 pr-0">
+    <div class="row pr-0" :class="formClasses">
         <base-input :label="title"
             name="recurring_frequency"
             :class="frequencyClasses"
@@ -80,7 +80,9 @@ export default {
             default: '',
             description: "Modal header title"
         },
-        formClasses: null,
+        formClasses: {
+            default: 'col-md-6',
+        },
         formError: null,
 
         frequencyOptions: null,
diff --git a/resources/views/components/documents/form/advanced.blade.php b/resources/views/components/documents/form/advanced.blade.php
index 6ca3dbde9..f7727fdba 100644
--- a/resources/views/components/documents/form/advanced.blade.php
+++ b/resources/views/components/documents/form/advanced.blade.php
@@ -9,7 +9,7 @@
                 <div class="row">
                     <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                         @if (!$hideRecurring)
-                            {{ Form::recurring('create') }}
+                            {{ Form::recurring('create', null, 'col-md-12') }}
                         @endif
                     </div>
 
@@ -19,7 +19,7 @@
                         @endif
 
                         @if (!$hideAttachment)
-                            {{ Form::fileGroup('attachment', trans('general.attachment')) }}
+                            {{ Form::fileGroup('attachment', trans('general.attachment'), '', ['dropzone-class' => 'form-file'], null, 'col-md-12') }}
                         @endif
                     </div>
                 </div>
diff --git a/resources/views/partials/form/recurring.blade.php b/resources/views/partials/form/recurring.blade.php
index ce8812b37..4ba947243 100644
--- a/resources/views/partials/form/recurring.blade.php
+++ b/resources/views/partials/form/recurring.blade.php
@@ -15,7 +15,7 @@
 @endphp
 
 <akaunting-recurring
-    :form-classes="[{'has-error': form.errors.get('recurring_frequency')}]"
+    :form-classes="[{'has-error': form.errors.get('recurring_frequency')}, '{{ $col }}']"
     title="{{ trans('recurring.recurring') }}"
     placeholder="{{ trans('general.form.select.field', ['field' => trans('recurring.recurring')]) }}"