diff --git a/main/styleguide/source/_patterns/atoms/buttons/from-button-animated.mustache b/main/styleguide/source/_patterns/atoms/buttons/form-button-animated.mustache
similarity index 50%
rename from main/styleguide/source/_patterns/atoms/buttons/from-button-animated.mustache
rename to main/styleguide/source/_patterns/atoms/buttons/form-button-animated.mustache
index 99773ad98f40b550ddaf4a2eb4d92bef765db1fd..40de176956892c4ca2ec5ef895c5afd109a34396 100644
--- a/main/styleguide/source/_patterns/atoms/buttons/from-button-animated.mustache
+++ b/main/styleguide/source/_patterns/atoms/buttons/form-button-animated.mustache
@@ -1,8 +1,8 @@
 <button type="submit" class="btn btn__slide__wrap {{ classes }}">
-  <span class="btn text-lg bg-black px-1 text-white lg:text-base">
+  <span class="btn text-base bg-black px-1 text-white">
     {{ btn-text }}
   </span>
-  <span class="btn text-lg bg-white px-1 text-black lg:text-base">
+  <span class="btn text-base bg-white px-1 text-black">
     {{ btn-text }}
   </span>
 </button>
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/form_button_animated.html b/main/templates/main/includes/form_button_animated.html
index b71a80dbcacd13df5bcfc766b7142d8fa05e8b18..03b4b74f110d550dc942a4e15bcfcc7cc7202848 100644
--- a/main/templates/main/includes/form_button_animated.html
+++ b/main/templates/main/includes/form_button_animated.html
@@ -1,8 +1,8 @@
 <button type="submit" class="btn btn__slide__wrap {{ extra_classes }}">
-  <span class="btn text-lg bg-black text-white px-1 lg:text-base">
+  <span class="btn text-base bg-black text-white px-1">
     {{ btn_text | default_if_none:"Číst dále" }}
   </span>
-  <span class="btn text-lg bg-white text-black px-1 lg:text-base">
+  <span class="btn text-base bg-white text-black px-1">
     {{ btn_text | default_if_none:"Číst dále" }}
   </span>
 </button>
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=""