diff --git a/templates/components/messagebox.html.twig b/templates/components/messagebox.html.twig
index 56c5530..485f0e6 100644
--- a/templates/components/messagebox.html.twig
+++ b/templates/components/messagebox.html.twig
@@ -1,4 +1,4 @@
-<div class="{{ html_classes('flex items-start space-x-4 text-white p-4 rounded-md w-full', { 'bg-primary': type != 'error', 'bg-red-500': type == 'error' }) }}">
+<div class="{{ html_classes('flex items-start space-x-4 text-white p-4 rounded-md w-full mb-8', { 'bg-primary': type != 'error', 'bg-red-500': type == 'error' }) }}">
     {{ icon(type == 'error' ? 'alert' : 'info', 'w-6 h-6 shrink-0') }}
     <span>{{ message }}</span>
 </div>