diff --git a/templates/blogPage.html b/templates/blogPage.html
index 0b38cb9a9..dfa5bd6ef 100644
--- a/templates/blogPage.html
+++ b/templates/blogPage.html
@@ -20,21 +20,21 @@
   loop.first %} {% set_global content=part%} {% else %} {% set_global content=content ~ "threefold.io" ~ part%} {% endif
   %} {% endfor %} {% endif %} <main>
 
-  <div class="container mx-auto mt-10">
+  <div class="container mx-auto mt-16">
 
     <div>
       <article class="article lg:w-4/6 mx-auto">
-        <h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0  text-gray-700">
+        <h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none  text-gray-700">
           {{ page.title }}
-        </h1>
+        </h2>
 
-        <h4 class="lg:text-2xl text-base text-gray-600 leading-8">
+        <p class="md:text-lg mb-4 text-base text-gray-600">
           {{ page.description }}
-        </h4>
-        <section class="post-author-list mb-3 mx-0">
+        </p>
+        <section class="post-author-list mb-3 mt-2 mx-0">
           <div class="flex items-center">
             <div class="flex justify-between items-center">
-              <ul class="list-none flex author-list m-0">
+              <ul class="list-none pl-0 flex author-list m-0">
                 <li class="author-list-item">
                   {% if author %}
                   {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
diff --git a/templates/categories/single.html b/templates/categories/single.html
index c57944732..d35a1329f 100644
--- a/templates/categories/single.html
+++ b/templates/categories/single.html
@@ -2,9 +2,9 @@
 
 {% block content %}
 
-<main class="pt-16">
+<main class="pt-12">
 
-    <div class="flex flex-col md:flex-row">
+    <div class="flex flex-col md:flex-row container mx-auto">
         {% include "partials/blogPosts.html" %}
         {% include "partials/blogSidebar.html" %}
     </div>
diff --git a/templates/partials/postCard.html b/templates/partials/postCard.html
index b70123c83..ea770c8f3 100644
--- a/templates/partials/postCard.html
+++ b/templates/partials/postCard.html
@@ -19,9 +19,9 @@
         <img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" />
       </div>
       {%endif%}
-      <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+      <div class="flex-1 bg-white p-4 flex flex-col justify-between">
 
-        <h3 class="mt-2 text-xl leading-6 font-medium text-gray-900 text-left not-italic">
+        <h3 class="mt-2 text-lg leading-6 font-medium text-gray-900 text-left not-italic">
           {{ post.title }}
         </h3>
         {% if post.description %}