diff --git a/main/styleguide/source/_patterns/organisms/newsletter-section.mustache b/main/styleguide/source/_patterns/organisms/newsletter-section.mustache
index 0a4ddaf75afda3b1bd536ab219baf408748f4cda..21c44ba8f6205e058e3d9afd20366b55871e3981 100644
--- a/main/styleguide/source/_patterns/organisms/newsletter-section.mustache
+++ b/main/styleguide/source/_patterns/organisms/newsletter-section.mustache
@@ -8,7 +8,7 @@
           </span>
       <h5 class="newsletter-grid__main-text font-alt text-6xl xl:text-7xl uppercase">Odebírej náš newsletter</h5>
       <div class="newsletter-grid__input flex flex-col items-start">
-        <form method="post" action=".">
+        <form method="post" class="w-full max-w-md" action=".">
           {{> atoms-form-input(placeholder: "Tvůj email", classes: "mb-3 w-full") }}
           {{> atoms-form-checkbox(label: "Souhlasím se zpracováním osobních údajů", classes: "mb-3") }}
           {{> atoms-form-button-animated(btn-text: "Odebírat") }}
diff --git a/main/templates/main/includes/newsletter_section.html b/main/templates/main/includes/newsletter_section.html
index 2ab5357795d7416bd35e479cdb0c68ef3852e0b3..f6ce3385f4ada98c4cdadcfa19518fcb86e598c4 100644
--- a/main/templates/main/includes/newsletter_section.html
+++ b/main/templates/main/includes/newsletter_section.html
@@ -11,7 +11,7 @@
           </span>
       <h5 class="newsletter-grid__main-text font-alt text-6xl xl:text-7xl uppercase">Odebírej náš newsletter</h5>
       <div class="newsletter-grid__input flex flex-col items-start">
-        <form method="post" action="{{ page.root_page.newsletter_subscribe_url }}">
+        <form method="post" class="w-full max-w-md" action="{{ page.root_page.newsletter_subscribe_url }}">
           {% csrf_token %}
           <input type="hidden" name="return_page_id" value="{{ page.id }}">
           <input type="email" name="email" class="text-input bg-white form-field__control mb-3 w-full" value="" required=""