diff --git a/index.php b/index.php
index 6c161299..452073c8 100644
--- a/index.php
+++ b/index.php
@@ -10,25 +10,12 @@
 ?>
 <!-- Small boxes (Stat box) -->
 <div class="row">
-    <div class="col-lg-3 col-xs-12">
-        <!-- small box -->
-        <div class="small-box bg-aqua">
-            <div class="inner">
-                <h3 class="statistic" id="ads_blocked_today">---</h3>
-                <p>Queries Blocked Last 24 Hours</p>
-            </div>
-            <div class="icon">
-                <i class="ion ion-android-hand"></i>
-            </div>
-        </div>
-    </div>
-    <!-- ./col -->
     <div class="col-lg-3 col-xs-12">
         <!-- small box -->
         <div class="small-box bg-green">
             <div class="inner">
-                <h3 class="statistic" id="dns_queries_today">---</h3>
-                <p>Queries Last 24 Hours</p>
+                <p>Total queries (<span id="unique_clients">-</span> clients)</p>
+                <h3 class="statistic"><span id="dns_queries_today">---</span></h3>
             </div>
             <div class="icon">
                 <i class="ion ion-earth"></i>
@@ -36,12 +23,25 @@
         </div>
     </div>
     <!-- ./col -->
+    <div class="col-lg-3 col-xs-12">
+        <!-- small box -->
+        <div class="small-box bg-aqua">
+            <div class="inner">
+                <p>Queries Blocked</p>
+                <h3 class="statistic"><span id="ads_blocked_today">---</span></h3>
+            </div>
+            <div class="icon">
+                <i class="ion ion-android-hand"></i>
+            </div>
+        </div>
+    </div>
+    <!-- ./col -->
     <div class="col-lg-3 col-xs-12">
         <!-- small box -->
         <div class="small-box bg-yellow">
             <div class="inner">
-                <h3 class="statistic" id="ads_percentage_today">---</h3>
-                <p>Queries Blocked Last 24 Hours</p>
+                <p>Percent Blocked</p>
+                <h3 class="statistic"><span id="ads_percentage_today">---</span></h3>
             </div>
             <div class="icon">
                 <i class="ion ion-pie-graph"></i>
@@ -53,8 +53,8 @@
         <!-- small box -->
         <div class="small-box bg-red">
             <div class="inner">
-                <h3 class="statistic" id="domains_being_blocked">---</h3>
-                <p>Domains on Blocklists</p>
+                <p>Domains on Blocklist</p>
+                <h3 class="statistic"><span id="domains_being_blocked">---</span></h3>
             </div>
             <div class="icon">
                 <i class="ion ion-ios-list"></i>
diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
index ecb005af..7689ccbf 100644
--- a/scripts/pi-hole/js/index.js
+++ b/scripts/pi-hole/js/index.js
@@ -375,8 +375,8 @@ function updateSummaryData(runOnce) {
 
         if("FTLnotrunning" in data)
         {
-            data["ads_blocked_today"] = "Lost";
-            data["dns_queries_today"] = "connection";
+            data["dns_queries_today"] = "Lost";
+            data["ads_blocked_today"] = "connection";
             data["ads_percentage_today"] = "to";
             data["domains_being_blocked"] = "API";
             // Adjust text
@@ -406,17 +406,17 @@ function updateSummaryData(runOnce) {
             }
         }
 
-        ["ads_blocked_today", "dns_queries_today", "ads_percentage_today"].forEach(function(today) {
-            var todayElement = $("h3#" + today);
+        ["ads_blocked_today", "dns_queries_today", "ads_percentage_today", "unique_clients"].forEach(function(today) {
+            var todayElement = $("span#" + today);
             todayElement.text() !== data[today] &&
             todayElement.text() !== data[today] + "%" &&
-            todayElement.addClass("glow");
+            $("h3#" + today).addClass("glow");
         });
 
         window.setTimeout(function() {
-            ["ads_blocked_today", "dns_queries_today", "domains_being_blocked", "ads_percentage_today"].forEach(function(header, idx) {
+            ["ads_blocked_today", "dns_queries_today", "domains_being_blocked", "ads_percentage_today", "unique_clients"].forEach(function(header, idx) {
                 var textData = (idx === 3 && data[header] !== "to") ? data[header] + "%" : data[header];
-                $("h3#" + header).text(textData);
+                $("span#" + header).text(textData);
             });
             $("h3.statistic.glow").removeClass("glow");
         }, 500);