diff --git a/dist/module.cjs.js b/dist/module.cjs.js
index 48e0ac1..30508c9 100644
--- a/dist/module.cjs.js
+++ b/dist/module.cjs.js
@@ -25,8 +25,8 @@ function src_default(Alpine) {
                               x-transition:leave-start="opacity-100"
                               x-transition:leave-end="opacity-0"></div>
                           <!-- This element is to trick the browser into centering the modal contents. -->
-                          <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
-                          <div class="relative inline-block align-bottom rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden transform transition-all sm:my-8 sm:align-middle max-w-7xl sm:p-6"
+                          <span class="hidden align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+                          <div class="relative inline-block rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden transform transition-all sm:my-8 align-middle max-w-7xl sm:p-6"
                               x-transition:enter="transition ease-out duration-300"
                               x-transition:enter-start="transform opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                               x-transition:enter-end="transform opacity-100 translate-y-0 sm:scale-100"
diff --git a/dist/module.esm.js b/dist/module.esm.js
index 45438e6..93a5cdd 100644
--- a/dist/module.esm.js
+++ b/dist/module.esm.js
@@ -12,8 +12,8 @@ function src_default(Alpine) {
                               x-transition:leave-start="opacity-100"
                               x-transition:leave-end="opacity-0"></div>
                           <!-- This element is to trick the browser into centering the modal contents. -->
-                          <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
-                          <div class="relative inline-block align-bottom rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden transform transition-all sm:my-8 sm:align-middle max-w-7xl sm:p-6"
+                          <span class="hidden align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+                          <div class="relative inline-block rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden transform transition-all sm:my-8 align-middle max-w-7xl sm:p-6"
                               x-transition:enter="transition ease-out duration-300"
                               x-transition:enter-start="transform opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                               x-transition:enter-end="transform opacity-100 translate-y-0 sm:scale-100"
diff --git a/package.json b/package.json
index ff3f6e4..2e8405b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@edsardio/alpine-lightbox",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "A dynamic lightbox using AlpineJS and TailwindCSS",
   "main": "dist/module.cjs.js",
   "module": "dist/module.esm.js",
diff --git a/src/index.js b/src/index.js
index 44dda23..73df6ab 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,8 +11,8 @@ export default function (Alpine) {
                               x-transition:leave-start="opacity-100"
                               x-transition:leave-end="opacity-0"></div>
                           <!-- This element is to trick the browser into centering the modal contents. -->
-                          <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
-                          <div class="relative inline-block align-bottom rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden transform transition-all sm:my-8 sm:align-middle max-w-7xl sm:p-6"
+                          <span class="hidden align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+                          <div class="relative inline-block rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden transform transition-all sm:my-8 align-middle max-w-7xl sm:p-6"
                               x-transition:enter="transition ease-out duration-300"
                               x-transition:enter-start="transform opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                               x-transition:enter-end="transform opacity-100 translate-y-0 sm:scale-100"