diff --git a/resources/views/modal.blade.php b/resources/views/modal.blade.php
index f3c98b0..1a4d166 100644
--- a/resources/views/modal.blade.php
+++ b/resources/views/modal.blade.php
@@ -14,7 +14,7 @@
             class="fixed inset-0 z-10 overflow-y-auto"
             style="display: none;"
     >
-        <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
+        <div class="flex {{ $align }} justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
             <div
                     x-show="show"
                     x-on:click="closeModalOnClickAway()"
diff --git a/src/Modal.php b/src/Modal.php
index 1c6d25b..906f508 100644
--- a/src/Modal.php
+++ b/src/Modal.php
@@ -53,6 +53,7 @@ public function openModal($component, $arguments = [], $modalAttributes = []): v
                 'destroyOnClose' => $componentClass::destroyOnClose(),
                 'maxWidth' => $componentClass::modalMaxWidth(),
                 'maxWidthClass' => $componentClass::modalMaxWidthClass(),
+                'align' => $componentClass::align(),
             ], $modalAttributes),
         ];
 
diff --git a/src/ModalComponent.php b/src/ModalComponent.php
index f169595..4054651 100644
--- a/src/ModalComponent.php
+++ b/src/ModalComponent.php
@@ -27,6 +27,9 @@ abstract class ModalComponent extends Component implements Contract
         '7xl' => 'sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl',
     ];
 
+     protected static string $align = "items-end";
+    
+
     public function destroySkippedModals(): self
     {
         $this->destroySkipped = true;