diff --git a/app/View/Components/Form/Group/Radio.php b/app/View/Components/Form/Group/Radio.php
index c26327bcb..e4d30a2a0 100644
--- a/app/View/Components/Form/Group/Radio.php
+++ b/app/View/Components/Form/Group/Radio.php
@@ -11,6 +11,9 @@ class Radio extends Form
     /** @var string */
     public $formGroupClass = 'sm:col-span-6';
 
+    /** @var string */
+    public $inputGroupClass = 'grid grid-cols-2 gap-3 sm:grid-cols-4';
+
     public $except = [
         
     ];
diff --git a/resources/assets/js/components/AkauntingSelect.vue b/resources/assets/js/components/AkauntingSelect.vue
index 04ccf0970..03197720c 100644
--- a/resources/assets/js/components/AkauntingSelect.vue
+++ b/resources/assets/js/components/AkauntingSelect.vue
@@ -583,7 +583,7 @@ export default {
 
                 this.add_new_html = Vue.component('add-new-component', function (resolve, reject) {
                     resolve({
-                        template: '<div><akaunting-modal-add-new modal-dialog-class="max-w-md" :show="add_new.show" @submit="onSubmit" @cancel="onCancel" :buttons="add_new.buttons" :title="add_new.text" :is_component=true :message="add_new.html"></akaunting-modal-add-new></div>',
+                        template: '<div><akaunting-modal-add-new modal-dialog-class="max-w-md" modal-position-top :show="add_new.show" @submit="onSubmit" @cancel="onCancel" :buttons="add_new.buttons" :title="add_new.text" :is_component=true :message="add_new.html"></akaunting-modal-add-new></div>',
 
                         components: {
                             AkauntingModalAddNew,
diff --git a/resources/assets/js/components/AkauntingSelectRemote.vue b/resources/assets/js/components/AkauntingSelectRemote.vue
index 362c3b4ea..61ba7963a 100644
--- a/resources/assets/js/components/AkauntingSelectRemote.vue
+++ b/resources/assets/js/components/AkauntingSelectRemote.vue
@@ -803,7 +803,7 @@ export default {
 
                 this.add_new_html = Vue.component('add-new-component', function (resolve, reject) {
                     resolve({
-                        template: '<div><akaunting-modal-add-new :show="add_new.show" @submit="onSubmit" @cancel="onCancel" :buttons="add_new.buttons" :title="add_new.text" :is_component=true :message="add_new.html"></akaunting-modal-add-new></div>',
+                        template: '<div><akaunting-modal-add-new modal-dialog-class="max-w-md" modal-position-top :show="add_new.show" @submit="onSubmit" @cancel="onCancel" :buttons="add_new.buttons" :title="add_new.text" :is_component=true :message="add_new.html"></akaunting-modal-add-new></div>',
 
                         components: {
                             AkauntingModalAddNew,
diff --git a/resources/views/components/form/group/radio.blade.php b/resources/views/components/form/group/radio.blade.php
index c163b4cfc..c44da0e3d 100644
--- a/resources/views/components/form/group/radio.blade.php
+++ b/resources/views/components/form/group/radio.blade.php
@@ -31,7 +31,6 @@
 
         <div @class([
                 'mt-2',
-                'grid grid-cols-2 gap-3 sm:grid-cols-4',
                 $inputGroupClass,
             ])
         >
diff --git a/resources/views/modals/accounts/create.blade.php b/resources/views/modals/accounts/create.blade.php
index 40e834224..30a0066af 100644
--- a/resources/views/modals/accounts/create.blade.php
+++ b/resources/views/modals/accounts/create.blade.php
@@ -8,13 +8,14 @@
                 'credit_card' => trans_choice('accounts.credit_cards', 1),
             ]"
             checked="bank"
+            input-group-class="grid grid-cols-2 gap-2 sm:grid-cols-2"
         />
 
-        <x-form.group.text name="name" label="{{ trans('general.name') }}" />
+        <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
 
-        <x-form.group.text name="number" label="{{ trans('accounts.number') }}" />
+        <x-form.group.text name="number" label="{{ trans('accounts.number') }}" form-group-class="col-span-6" />
 
-        <x-form.group.currency without-add-new />
+        <x-form.group.currency without-add-new form-group-class="col-span-6" />
 
         <x-form.group.money
             name="opening_balance"
@@ -23,6 +24,7 @@
             autofocus="autofocus"
             :currency="$currency"
             dynamicCurrency="currency"
+            form-group-class="col-span-6"
         />
 
         <x-form.input.hidden name="enabled" value="1" />
diff --git a/resources/views/modals/categories/create.blade.php b/resources/views/modals/categories/create.blade.php
index eee2a528f..1dd29da55 100644
--- a/resources/views/modals/categories/create.blade.php
+++ b/resources/views/modals/categories/create.blade.php
@@ -1,8 +1,8 @@
 <x-form id="form-create-category" route="categories.store">
     <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
-        <x-form.group.text name="name" label="{{ trans('general.name') }}" />
+        <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
 
-        <x-form.group.color name="color" label="{{ trans('general.color') }}" small />
+        <x-form.group.color name="color" label="{{ trans('general.color') }}" form-group-class="col-span-6" />
 
         <x-form.input.hidden name="type" :value="$type" />
         <x-form.input.hidden name="enabled" value="1" />