diff --git a/index.html b/index.html
index 5565fb3..9cc5c46 100644
--- a/index.html
+++ b/index.html
@@ -134,10 +134,10 @@ title: Safing
                 Blog, Podcast & Videos
               </h2>
             </div>
-            <div class="mt-32">
-              <ul class="md:grid md:grid-cols-2 lg:grid-cols-3 md:col-gap-8 md:row-gap-10">
+            <div class="mt-32 ">
+              <ul class="md:grid md:grid-cols-2 lg:grid-cols-3 md:col-gap-8 md:row-gap-10 max-w-sm mx-auto md:max-w-full">
                 <!-- podcast -->
-                <li class="mt-10 md:mt-0">
+                <li class="mt-12 md:mt-0 ">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="/podcast/2020/05/11/the-risks-of-paying-with-cash/">
                       <div class="relative" style="max-width: 365px;">
@@ -176,7 +176,7 @@ title: Safing
                   </div>
                 </li> -->
 
-                <li class="mt-10 md:mt-0">
+                <li class="mt-12 md:mt-0">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="/video/2020/05/08/the-account-server-is-up-and-running/">
                       <img src="/assets/img/thumbnails/video/004-account-server-is-running.png" alt="">
@@ -195,7 +195,7 @@ title: Safing
                 </li>
 
                 <!-- blog -->
-                <li>
+                <li class="mt-12 md:mt-0">
                   <a href="/blog/2020/01/22/how-the-spn-compares-to-tor/">
                     <div class="block transform hover:scale-95 duration-150 ease-in-out">
                       <img src="/assets/img/thumbnails/blog/spn-tor.png" alt="">