diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/newsletter_section.html b/majak_uistyleguide/templates/patterns/organisms/main_section/newsletter_section.html
index cbd123ef4d0d210b0f8b391afbc191313e91d6a4..045bb25fb86751f1e325cc08a1ae63d373f9d103 100644
--- a/majak_uistyleguide/templates/patterns/organisms/main_section/newsletter_section.html
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/newsletter_section.html
@@ -12,8 +12,13 @@
     </p>
 
     <div class="flex flex-col gap-2 mt-12 items-start">
-      {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Tvůj email' classes='mb-3 w-full md:w-96' %}
-      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Souhlasím se zpracováním osobních údajů' classes='mb-3' %}
+      <div class="flex gap-2 lg:gap-4 lg:flex-row flex-col">
+        {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Jméno' extra_classes='mb-3 lg:!w-[11.5rem]' %}
+        {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Příjmení' extra_classes='mb-3 lg:!w-[11.5rem]' %}
+      </div>
+
+      {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Tvůj email' extra_classes='mb-3 w-full' %}
+      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Souhlasím se zpracováním osobních údajů' extra_classes='mb-3' %}
       {% include 'patterns/atoms/buttons/round_button.html' with button_text='Odebírat' %}
     </div>
   </div>