diff --git a/content/farmnew/index.md b/content/farmnew/index.md
index d5b206774..519df51d3 100644
--- a/content/farmnew/index.md
+++ b/content/farmnew/index.md
@@ -35,7 +35,7 @@ By connecting a modern computer at your home or office to the ThreeFold Grid, yo
 
 <!-- section 2 (Map) -->
 
-{% grid_stats() %}
+{% grid_stats_expand() %}
 
 ## Join the **Internet Revolution**
 
diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html
index 9ae24fe71..62206cc15 100644
--- a/templates/shortcodes/grid_stats.html
+++ b/templates/shortcodes/grid_stats.html
@@ -1,4 +1,4 @@
-{% set styles = "background-image: url('V3.png');" %}
+{% set styles = "background-image: url('images/V3.png');" %}
 {% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %}
 {% if data %}
 {% set capacity = (data.totalHru + data.totalSru) / 1024 / 1024 / 1024 / 1024 / 1024 %}
@@ -18,7 +18,7 @@
 
                 <!-- capacity -->
             <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
-                    <img class="mx-auto p-4" src="V3-08.png" width="150" alt="">
+                    <img class="mx-auto p-4" src="images/V3-08.png" width="150" alt="">
                 <div class="leading-none font-extrabold text-3xl">
                     {{ capacity | round(precision=2) }}PB
                     <span class="block text-lg mt-4 font-normal capitalize">capacity</span>
@@ -28,7 +28,7 @@
 
                 <!-- Nodes -->
             <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
-                    <img class="mx-auto p-4" src="V3-09.png" width="150" alt="">
+                    <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>
@@ -39,7 +39,7 @@
 
                 <!-- countries -->
             <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
-                    <img class="mx-auto p-4" src="V3-10.png" width="150" alt="">
+                    <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>
@@ -48,7 +48,7 @@
 
               <!-- 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="V3-11.png" width="150" alt="">
+                   <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-lg mt-4 font-normal capitalize">cores</span>
diff --git a/templates/shortcodes/grid_stats_expand.html b/templates/shortcodes/grid_stats_expand.html
new file mode 100644
index 000000000..9ae24fe71
--- /dev/null
+++ b/templates/shortcodes/grid_stats_expand.html
@@ -0,0 +1,81 @@
+{% set styles = "background-image: url('V3.png');" %}
+{% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %}
+{% if data %}
+{% set capacity = (data.totalHru + data.totalSru) / 1024 / 1024 / 1024 / 1024 / 1024 %}
+{% set nodes = data.nodes %}
+  {% set countries = data.countries %}
+  {% set cores = data.totalCru %}
+{% endif %}
+
+{% if data %}
+<section class="px-2 h-auto bg-center lg:py-28 p-12 bg-cover bg-no-repeat" style="{{styles}}">
+    <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-4 lg:gap-8">
+                
+
+                <!-- capacity -->
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                    <img class="mx-auto p-4" src="V3-08.png" width="150" alt="">
+                <div class="leading-none font-extrabold text-3xl">
+                    {{ capacity | round(precision=2) }}PB
+                    <span class="block text-lg mt-4 font-normal capitalize">capacity</span>
+                </div>
+            </div>
+                
+
+                <!-- Nodes -->
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                    <img class="mx-auto p-4" src="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>
+                
+                
+
+                <!-- countries -->
+            <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                    <img class="mx-auto p-4" src="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>
+
+              <!-- 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="V3-11.png" width="150" alt="">
+                <div class="leading-none font-extrabold text-3xl">
+                {{ cores | num_format }}
+                <span class="block text-lg mt-4 font-normal capitalize">cores</span>
+                </div>
+            </div>
+
+ 
+            </div>
+            
+        <button><a href="https://dashboard.grid.tf/explorer/statistics">Explore Grid Capacity</a></button>
+        </div>
+    </div>
+</section>
+{% endif %}
+<style>
+    dd {
+        display: inline-block;
+        margin: auto;
+        border-radius: 50%;
+        line-height: 100px;
+    }
+
+    .bg-green {
+        background-color: #70dfc9;
+    }
+
+    .bg-pink {
+        background-color: #ea1ff7;
+    }
+</style>
\ No newline at end of file