diff --git a/resources/views/admin/partials/dataform-examples.blade.php b/resources/views/admin/partials/dataform-examples.blade.php
index b812cbdd..d787a7d3 100644
--- a/resources/views/admin/partials/dataform-examples.blade.php
+++ b/resources/views/admin/partials/dataform-examples.blade.php
@@ -82,3 +82,60 @@ class="icon icon-1">
     </div>
 
 </div>
+
+<div class="row">
+    <div class="col-md-6">
+        <div class="card mt-3">
+            <div class="card-header">
+                <h3 class="card-title">
+                    Quick Add Invoice in a Modal
+                </h3>
+            </div>
+            <div class="card-body bg-light">
+
+                <button 
+                    type="button" 
+                    class="btn btn-primary" 
+                    data-bs-toggle="modal"
+                    data-bs-target="#create_invoice"
+                    bp-button="create" 
+                    data-style="zoom-in"
+                >
+                    <i class="la la-plus"></i> <span>Create Invoice</span>
+                </button>
+                <x-bp-dataform-modal id="create_invoice" :controller='\App\Http\Controllers\Admin\PetShop\InvoiceCrudController::class' />
+
+
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="card mt-3">
+            <div class="card-header">
+                <h3 class="card-title">
+                    Quick Edit Invoice in a Modal
+                </h3>
+            </div>
+            <div class="card-body bg-light">
+                <button 
+                    type="button" 
+                    class="btn btn-primary" 
+                    data-bs-toggle="modal"
+                    data-bs-target="#edit_invoice"
+                    bp-button="create"
+                    data-style="zoom-in"
+                >
+                    <i class="la la-plus"></i> <span>Edit Invoice</span>
+                </button>
+                <x-backpack::dataform-modal
+                    id="edit_invoice"
+                    :controller="\App\Http\Controllers\Admin\PetShop\InvoiceCrudController::class"
+                    operation="update"
+                    :entry="\App\Models\PetShop\Invoice::find(1)"
+                />
+
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/resources/views/vendor/backpack/theme-tabler/dashboard.blade.php b/resources/views/vendor/backpack/theme-tabler/dashboard.blade.php
index fa831033..7f6eeb79 100644
--- a/resources/views/vendor/backpack/theme-tabler/dashboard.blade.php
+++ b/resources/views/vendor/backpack/theme-tabler/dashboard.blade.php
@@ -186,7 +186,7 @@
 
             [
                 'type' => 'chart',
-                'wrapperClass' => 'col-md-4 mb-3',
+                'wrapperClass' => 'col-md-4 mt-3 mb-3',
                 // 'class' => 'col-md-6',
                 'controller' => \App\Http\Controllers\Admin\Charts\Pies\ChartjsPieController::class,
                 'content' => [
@@ -196,7 +196,7 @@
             ],
             [
                 'type' => 'chart',
-                'wrapperClass' => 'col-md-4 mb-3',
+                'wrapperClass' => 'col-md-4 mt-3 mb-3',
                 // 'class' => 'col-md-6',
                 'controller' => \App\Http\Controllers\Admin\Charts\Pies\EchartsPieController::class,
                 'content' => [
@@ -206,7 +206,7 @@
             ],
             [
                 'type' => 'chart',
-                'wrapperClass' => 'col-md-4 mb-3',
+                'wrapperClass' => 'col-md-4 mt-3 mb-3',
                 // 'class' => 'col-md-6',
                 'controller' => \App\Http\Controllers\Admin\Charts\Pies\HighchartsPieController::class,
                 'content' => [