diff --git a/app/Traits/Documents.php b/app/Traits/Documents.php
index 63aa774cb..81968a110 100644
--- a/app/Traits/Documents.php
+++ b/app/Traits/Documents.php
@@ -280,19 +280,19 @@ trait Documents
             [
                 'id' => 'default',
                 'name' => trans('settings.invoice.default'),
-                'image' => asset('assets/img/templates/default.png'),
+                'image' => asset('public/img/invoice_templates/default.png'),
                 'template' => 'default',
             ],
             [
                 'id' => 'classic',
                 'name' => trans('settings.invoice.classic'),
-                'image' => asset('assets/img/templates/classic.png'),
+                'image' => asset('public/img/invoice_templates/classic.png'),
                 'template' => 'classic',
             ],
             [
                 'id' => 'modern',
                 'name' => trans('settings.invoice.modern'),
-                'image' => asset('assets/img/templates/modern.png'),
+                'image' => asset('public/img/invoice_templates/modern.png'),
                 'template' => 'modern',
             ],
         ]);
diff --git a/resources/views/components/documents/form/advanced.blade.php b/resources/views/components/documents/form/advanced.blade.php
index 96a66f47c..a847d7631 100644
--- a/resources/views/components/documents/form/advanced.blade.php
+++ b/resources/views/components/documents/form/advanced.blade.php
@@ -40,12 +40,12 @@
                     label="{{ trans_choice('general.templates', 1) }}"
                     :options="$templates"
                     :selected="$template"
+                    option-style="height: 6rem;"
+                    form-group-class="sm:col-span-4" 
                 >
                     <template #option="{option}">
                         <span class="w-full flex h-16 items-center">
-                            <div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6">
-                                <img src="@{{ option.option.image }}" class="h-60 my-3" alt="Classic" />
-                            </div>
+                            <img :src="option.option.image" class="h-20 my-3" :alt="option.option.name" />
                             
                             <div class="flex flex-col text-black text-sm font-medium ml-2 sm:ml-4">
                                 <span>@{{ option.option.name }}</span>
@@ -56,7 +56,7 @@
             @endif
 
             @if (! $hideBackgroundColor)
-                <x-form.group.color name="color" label="{{ trans('general.color') }}" :value="$backgroundColor" />
+                <x-form.group.color name="color" label="{{ trans('general.color') }}" :value="$backgroundColor" form-group-class="sm:col-span-4" />
             @endif
         </div>
     </x-slot>