diff --git a/static/js/custom.js b/static/js/custom.js
index f4b300c54..402f301ae 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -142,8 +142,10 @@ window.onload = function () {
     });
   });
 
-  document.getElementById("filter-btn").addEventListener('click', toggleFilter);
-  document.getElementById("mobile-learn-btn").addEventListener('click', toggleMenu);
+  document.getElementById("filter-btn").addEventListener("click", toggleFilter);
+  document
+    .getElementById("mobile-learn-btn")
+    .addEventListener("click", toggleMenu);
 };
 
 function openInNewTab(url) {
@@ -198,6 +200,8 @@ function mergeStatsData(stats) {
     res.countries = Object.keys(res.nodesDistribution).length;
   }
   let capacity = toTeraOrGiga(res.totalHru + res.totalSru);
+  let items = document.querySelector(".items");
+  items.classList.remove('animate-pulse');
   document.getElementById("capacity").innerHTML = capacity;
   document.getElementById("nodes").innerHTML = res.nodes;
   document.getElementById("countries").innerHTML = res.countries;
diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html
index 539583cd9..ca8c25824 100644
--- a/templates/shortcodes/grid_stats.html
+++ b/templates/shortcodes/grid_stats.html
@@ -3,9 +3,9 @@
     <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">
+            <div class="items my-10 grid lg:grid-cols-4 lg:gap-8 animate-pulse">
                 <!-- capacity -->
-                <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                <div class="item 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"
@@ -16,7 +16,7 @@
                     <span class="block text-lg mt-4 font-normal capitalize">capacity</span>
                 </div>
                 <!-- Nodes -->
-                <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                <div class="item 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"
@@ -27,7 +27,7 @@
                     <span class="block text-lg mt-4 font-normal capitalize">nodes</span>
                 </div>
                 <!-- countries -->
-                <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                <div class="item 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"
@@ -38,7 +38,7 @@
                     <span class="block text-lg mt-4 font-normal capitalize">countries</span>
                 </div>
                 <!-- cores -->
-                <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
+                <div class="item 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"