diff --git a/src/Resources/assets/styles/_tailwind.scss b/src/Resources/assets/styles/_tailwind.scss
index 0ef6bdd..af09365 100644
--- a/src/Resources/assets/styles/_tailwind.scss
+++ b/src/Resources/assets/styles/_tailwind.scss
@@ -68,7 +68,7 @@
         @apply fixed z-50 duration-300 ease-in-out transform inset-0 overflow-y-auto;
 
         &__overlay {
-            @apply relative flex min-h-screen text-center md:block md:px-4 lg:px-8 text-[0];
+            @apply relative flex flex-col justify-center min-h-screen text-center md:block md:px-4 lg:px-8 text-[0];
         }
 
         &__backdrop {
diff --git a/src/Resources/views/includes/_action.html.twig b/src/Resources/views/includes/_action.html.twig
index 81dce91..03ac764 100644
--- a/src/Resources/views/includes/_action.html.twig
+++ b/src/Resources/views/includes/_action.html.twig
@@ -191,9 +191,6 @@
                     {{ stimulus_action('araise/core-bundle/modal-form', 'close', 'click') | stimulus_action('araise/core-bundle/modal-form', 'close', 'keydown.esc@window') }}
                 ></div>
 
-                {# This element is to trick the browser into centering the modal contents. #}
-                <span class="hidden md:inline-block md:align-middle md:h-screen" aria-hidden="true">&#8203;</span>
-
                 <div class="whatwedo-crud-modal__wrapper whatwedo-utility-modal__wrapper">
                     <div class="whatwedo-utility-modal__wrapper-inner">
                         <button