diff --git a/static/images/V3-08.png b/static/images/V3-08.png
new file mode 100644
index 000000000..03db186c2
Binary files /dev/null and b/static/images/V3-08.png differ
diff --git a/static/images/V3-09.png b/static/images/V3-09.png
new file mode 100644
index 000000000..41b4fa874
Binary files /dev/null and b/static/images/V3-09.png differ
diff --git a/static/images/V3-10.png b/static/images/V3-10.png
new file mode 100644
index 000000000..972184dfd
Binary files /dev/null and b/static/images/V3-10.png differ
diff --git a/static/images/V3-11.png b/static/images/V3-11.png
new file mode 100644
index 000000000..b828be364
Binary files /dev/null and b/static/images/V3-11.png differ
diff --git a/static/images/V3.png b/static/images/V3.png
new file mode 100644
index 000000000..361b64271
Binary files /dev/null and b/static/images/V3.png differ
diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html
index cb622ba93..19bc6683e 100644
--- a/templates/shortcodes/grid_stats.html
+++ b/templates/shortcodes/grid_stats.html
@@ -1,4 +1,4 @@
-{% set styles = "background-image: url('images/grid_map.png');" %}
+{% set styles = "background-image: url('images/V3.png');" %}
 {% set data = load_data(url="https://explorer.threefold.io/api/stats", required=false, format="json") %}
 {% if data %}
   {% set capacity = data.hru + data.sru / 1000 %}
@@ -9,66 +9,56 @@
 
 {% if data %}
 <section class="px-2 h-auto bg-center lg:py-28 p-12 bg-cover bg-no-repeat" style="{{styles}}">
-    <div class="flex flex-wrap text-center -mx-auto">
+    <div class="relative lg:max-w-6xl mx-auto">
         <div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
             {{body | markdown | safe }}
 
-            <div class="my-10 grid lg:grid-cols-3 lg:gap-8">
-                <div class="..."></div>
+            <div class="my-10 grid lg:grid-cols-4 lg:gap-8">
+                
 
                 <!-- capacity -->
-                <div class="leading-none font-extrabold text-5xl">
-                    {{ capacity / 1000000 | round(precision=2) }}PB
-                    <span class="block text-3xl uppercase">capacity</span>
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                    <img class="mx-auto p-4" src="images/V3-08.png" width="150" alt="">
+                <div class="leading-none font-extrabold text-3xl">
+                    {{ capacity /400000 | round(precision=2) }} PB
+                    <span class="block text-lg mt-4 font-normal capitalize">capacity</span>
                 </div>
-                <div class="..."></div>
+            </div>
+                
 
                 <!-- Nodes -->
-                <div class="
-                mx-auto
-                rounded-full
-                h-32
-                w-32
-                lg:h-60 lg:w-60
-                inline-flex
-                items-center
-                justify-center
-                bg-green
-                my-4
-              ">
-                    <div class="leading-none font-extrabold md:text-6xl">
-                        {{ nodes }}
-                        <span class="block md:text-2xl uppercase">nodes</span>
-                    </div>
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                    <img class="mx-auto p-4" src="images/V3-09.png" width="150" alt="">
+                <div class="leading-none font-extrabold text-3xl">
+                    {{ nodes }}
+                    <span class="block text-lg mt-4 font-normal capitalize">nodes</span>
                 </div>
-                <div class="hidden md:block"></div>
+            </div>
+                
+                
 
                 <!-- countries -->
-                <div class="
-                mx-auto
-                rounded-full
-                h-32
-                w-32
-                lg:h-60 lg:w-60
-                inline-flex
-                items-center
-                justify-center
-                bg-pink
-              ">
-                    <div class="leading-none font-extrabold md:text-6xl">
-                        {{ countries }}
-                        <span class="block md:text-2xl uppercase">countries</span>
-                    </div>
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                    <img class="mx-auto p-4" src="images/V3-10.png" width="150" alt="">
+                <div class="leading-none font-extrabold text-3xl">
+                    {{ countries }}
+                    <span class="block text-lg mt-4 font-normal capitalize">countries</span>
                 </div>
             </div>
-            <div class="..."></div>
 
-            <!-- cores -->
-            <div class="leading-none font-extrabold text-5xl">
+              <!-- cores -->
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                   <img class="mx-auto p-4" src="images/V3-11.png" width="150" alt="">
+                <div class="leading-none font-extrabold text-3xl">
                 {{ cores | num_format }}
-                <span class="block text-2xl uppercase">cores</span>
+                <span class="block text-lg mt-4 font-normal capitalize">cores</span>
+                </div>
             </div>
 
+ 
+            </div>
+            
+
             <button class="my-8"><a href="https://dashboard.grid.tf/explorer/statistics" target="_blank">Explore
                     ThreeFold Grid Capacity</a></button>
         </div>