diff --git a/templates/_partials/_modal.html.twig b/templates/_partials/_modal.html.twig
index 6ad5eb0..db160aa 100644
--- a/templates/_partials/_modal.html.twig
+++ b/templates/_partials/_modal.html.twig
@@ -1,6 +1,6 @@
 <div class="fixed inset-0 w-full h-full z-50" {{ stimulus_controller('modal') }} {{ stimulus_action('modal', 'close', 'modal-close@window') }}>
     <div class="absolute inset-0 backdrop-blur-sm" {{ stimulus_action('modal', 'close', 'click') }}></div>
-    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-2xl">
+    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-3xl">
         <div class="{{ html_classes('relative py-4 rounded-md', { 'bg-red-500': level == 'error', 'bg-green-500': level == 'success', 'bg-primary-light': level == 'info' }) }}">
             <div class="flex justify-between pb-4 px-4">
                 <div class="text-2xl font-medium text-white">
diff --git a/templates/htmx_modal.html.twig b/templates/htmx_modal.html.twig
index cc4f33b..f6a132b 100644
--- a/templates/htmx_modal.html.twig
+++ b/templates/htmx_modal.html.twig
@@ -1,7 +1,7 @@
 <div id="htmx-modal"
      class="fixed inset-0 w-full h-full z-50" {{ stimulus_controller('modal') }} {{ stimulus_action('modal', 'close', 'modal-close@window') }}>
     <div class="absolute inset-0 w-full h-full backdrop-blur-sm" {{ stimulus_action('modal', 'close', 'click') }}></div>
-    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-2xl">
+    <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-3xl">
         <div class="relative bg-white py-8 rounded-md">
             <div class="flex justify-between pb-4 px-8">
                 <div class="text-2xl font-bold">