diff --git a/template/html/com_content/article/default.php b/template/html/com_content/article/default.php
index 1daa797..0b1fab7 100644
--- a/template/html/com_content/article/default.php
+++ b/template/html/com_content/article/default.php
@@ -17,4 +17,4 @@
 $item = ob_get_contents();
 ob_end_clean();
 
-echo str_replace('class="com-content-article__body"', 'class="prose com-content-article__body"', $item);
+echo str_replace('class="com-content-article', 'class="prose com-content-article', $item);
diff --git a/template/src/base.css b/template/src/base.css
index b9c993b..a426929 100644
--- a/template/src/base.css
+++ b/template/src/base.css
@@ -1,5 +1,5 @@
 body {
-  @apply bg-indigo-50;
+  @apply bg-indigo-100;
 }
 
 a {
@@ -49,4 +49,4 @@ blockquote {
 
 .visually-hidden {
   @apply hidden;
-}
\ No newline at end of file
+}
diff --git a/template/src/components.css b/template/src/components.css
index 8bbbad7..1aec0ab 100644
--- a/template/src/components.css
+++ b/template/src/components.css
@@ -20,6 +20,7 @@
   }
 
   .site-description {
+    @apply mt-2;
   }
 }
 
@@ -129,7 +130,7 @@ div.mod-languages ul li.lang-active {
   }
 
   img {
-    @apply my-4 rounded-lg shadow;
+    @apply my-6 rounded-lg shadow mx-auto;
   }
 
   .items-leading {
@@ -139,6 +140,10 @@ div.mod-languages ul li.lang-active {
   .items-row {
     @apply pt-8;
   }
+
+  .item-content {
+    @apply mx-auto;
+  }
 }
 
 .tags {
@@ -194,14 +199,14 @@ div.pagination {
   }
 
   .pagenav {
-    @apply active:bg-gray-100 active:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring-blue-400 hover:text-gray-400;
+    @apply active:bg-gray-100 active:text-gray-500 focus:outline-none focus:border-blue-300 focus:ring-blue-400 hover:text-gray-400;
   }
 
   @screen sm {
     @apply flex-1 flex items-center justify-between;
 
     ul {
-      @apply list-none relative z-0 flex-none inline-flex shadow-sm;
+      @apply list-none relative flex-none inline-flex shadow-sm;
     }
 
     li {
@@ -244,7 +249,7 @@ div.pagination {
   }
 
   a {
-    @apply active:bg-gray-100 active:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring-blue-400 hover:text-gray-400;
+    @apply active:bg-gray-100 active:text-gray-500 focus:outline-none focus:border-blue-300 focus:ring-blue-400 hover:text-gray-400;
   }
 }
 
@@ -253,7 +258,7 @@ nav.pagination__wrapper {
   @apply mb-4;
 
   ul {
-    @apply relative z-0 inline-flex rounded-md shadow-sm -space-x-px;
+    @apply relative inline-flex rounded-md shadow-sm -space-x-px;
   }
 
   li {
@@ -273,7 +278,7 @@ nav.pagination__wrapper {
   }
 
   li.active {
-    @apply z-10 bg-indigo-50 border-indigo-500 text-indigo-600;
+    @apply bg-indigo-100 border-indigo-500 text-indigo-600;
   }
 
   li.page-item-goto-page {
@@ -326,6 +331,10 @@ nav.pagination__wrapper {
   @apply bg-white rounded shadow-lg p-6;
 }
 
+.view-article .blog-block {
+  @apply bg-white rounded shadow-lg p-6 mt-14 md:p-8;
+}
+
 .item-page {
-  @apply bg-white rounded shadow-lg p-6 mt-14;
+  @apply m-auto;
 }
diff --git a/template/template_preview.png b/template/template_preview.png
index b7e6836..f671754 100644
Binary files a/template/template_preview.png and b/template/template_preview.png differ
diff --git a/template/template_thumbnail.png b/template/template_thumbnail.png
index 2ecc1db..a1fe7e1 100644
Binary files a/template/template_thumbnail.png and b/template/template_thumbnail.png differ