diff --git a/layouts/_default/page.html.twig b/layouts/_default/page.html.twig
index f5244e46d..5e12824ee 100644
--- a/layouts/_default/page.html.twig
+++ b/layouts/_default/page.html.twig
@@ -48,15 +48,15 @@
       </div>
     </header>
     {% block jumbotron %}{% endblock %}
-    <main class="flex-grow px-6 py-8">
-      <div class="container mx-auto">
-        {%- block content ~%}
-        {# content #}
-        <div class="prose prose-sm sm:prose lg:prose-lg mx-auto">
-          {{ page.content }}
-        </div>
-        {%- endblock ~%}
+    <main class="flex-grow">
+      {%- block content ~%}
+      <div class="py-6 md:py-10">
+      {# content #}
+      <div class="prose prose-sm sm:prose lg:prose-lg mx-auto">
+        {{ page.content }}
+      </div>
       </div>
+      {%- endblock ~%}
     </main>
     <footer class="px-6 py-6 leading-6 text-xs text-left text-gray-500 font-light border-t border-gray-200">
       <div class="container mx-auto">
diff --git a/layouts/documentation/page.html.twig b/layouts/documentation/page.html.twig
index d74960b04..3e734ae14 100644
--- a/layouts/documentation/page.html.twig
+++ b/layouts/documentation/page.html.twig
@@ -1,7 +1,7 @@
 {% extends 'page.html.twig' %}
 
 {% block content %}
-<div class="flex flex-row xl:space-x-8">
+<div class="container flex flex-row xl:space-x-8 mx-auto py-6 md:py-8">
 	{# menu #}
   <div class="flex-none w-48 hidden lg:block">
     {%~ include 'partials/docs-menu.html.twig' ~%}
diff --git a/layouts/index.html.twig b/layouts/index.html.twig
index 001337f38..5fd6dbf3d 100644
--- a/layouts/index.html.twig
+++ b/layouts/index.html.twig
@@ -19,8 +19,12 @@
 {% endblock %}
 
 {% block content %}
+      {# news #}
+      <div class="bg-black text-white">
+        test
+      </div>
       {# about blocks #}
-      <div class="mt-6 md:mt-10">
+      <div class="container mx-auto py-6 md:py-10">
         <div class="space-y-5 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-5">
           {%~ for block in page.blocks.about ~%}
           {%- if block.visible != false -%}
diff --git a/layouts/section/documentation.html.twig b/layouts/section/documentation.html.twig
index c7dd2601d..5c9671f81 100644
--- a/layouts/section/documentation.html.twig
+++ b/layouts/section/documentation.html.twig
@@ -1,6 +1,7 @@
 {% extends 'page.html.twig' %}
 
 {% block content %}
+        <div class="py-6 md:py-10">
         {# content #}
         <div class="prose prose-sm sm:prose lg:prose-lg mx-auto">
           {%~ include 'partials/search-box.html.twig' ~%}
@@ -14,4 +15,5 @@
             {%- endfor -%}
           </dl>
         </div>
+        </div>
 {% endblock content %}