diff --git a/public/templates/bootstrap/dashboard/overview/_without_price_graph.tpl b/public/templates/bootstrap/dashboard/overview/_without_price_graph.tpl
index 806dbbf7..a72e481e 100644
--- a/public/templates/bootstrap/dashboard/overview/_without_price_graph.tpl
+++ b/public/templates/bootstrap/dashboard/overview/_without_price_graph.tpl
@@ -1,31 +1,85 @@
-          <div class="col-md-spark-2">
-              <p class="overview">My Hashrate</p>
-              <span class="overview" id="b-hashrate">{$GLOBAL.userdata.hashrate|number_format:"2"}</span><span class="overview-mhs"> {$GLOBAL.hashunits.personal}</span>
-              <br>
-              <span class="personal-hashrate-bar spark-18"></span>
+          <div class="col-md-spark-2 col-sm-6">
+            <div class="circle-tile">
+              <div class="circle-tile-heading blue">
+                <i class="fa fa-male fa-fw fa-3x"></i>
+              </div>
+              <div class="circle-tile-content blue">
+                <div class="circle-tile-description text-faded">
+                  <p>My Hashrate</p>
+                  <div class="circle-tile-number text-faded up">
+                    <span class="overview" id="b-hashrate">{$GLOBAL.userdata.hashrate|number_format:"2"}</span><span class="overview-mhs"> {$GLOBAL.hashunits.personal}</span>
+                    <br>
+                    <span class="personal-hashrate-bar spark-18"></span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
-          <div class="col-md-spark-2">
-              <p class="overview">My Sharerate</p>
-              <span class="overview" id="b-sharerate">{$GLOBAL.userdata.sharerate|number_format:"2"}</span><span class="overview-mhs"> S/s</span>
-              <br>
-              <span class="personal-sharerate-bar spark-18"></span>
+          <div class="col-md-spark-2 col-sm-6">
+            <div class="circle-tile">
+              <div class="circle-tile-heading blue">
+                <i class="fa fa-users fa-fw fa-3x"></i>
+              </div>
+              <div class="circle-tile-content blue">
+                <div class="circle-tile-description text-faded">
+                  <p>Pool Hashrate</p>
+                  <div class="circle-tile-number text-faded up">
+                    <span class="overview" id="b-poolhashrate">{$GLOBAL.hashrate|number_format:"2"}</span><span class="overview-mhs"> {$GLOBAL.hashunits.pool}</span>
+                    <br>
+                    <span class="pool-hashrate-bar spark-18"></span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
-          <div class="col-md-spark-2">
-              <p class="overview">Pool Hashrate</p>
-              <span class="overview" id="b-poolhashrate">{$GLOBAL.hashrate|number_format:"2"}</span><span class="overview-mhs"> {$GLOBAL.hashunits.pool}<span>
-              <br>
-              <span class="pool-hashrate-bar spark-18"></span>
+          <div class="col-md-spark-2 col-sm-6">
+            <div class="circle-tile">
+              <div class="circle-tile-heading blue">
+                <i class="fa fa-share-square fa-fw fa-3x"></i>
+              </div>
+              <div class="circle-tile-content blue">
+                <div class="circle-tile-description text-faded">
+                  <p>My Sharerate</p>
+                  <div class="circle-tile-number text-faded up">
+                    <span class="overview" id="b-sharerate">{$GLOBAL.userdata.sharerate|number_format:"2"}</span><span class="overview-mhs"> S/s</span>
+                    <br>
+                    <span class="personal-sharerate-bar spark-18"></span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
-          <div class="col-md-spark-2">
-              <p class="overview">Pool Workers</p>
-              <span class="overview" id="b-poolworkers">{$GLOBAL.workers}</span>
-              <br>
-              <span class="pool-workers-bar spark-18"></span>
+          <div class="col-md-spark-2 col-sm-6">
+            <div class="circle-tile">
+              <div class="circle-tile-heading blue">
+               <i class="fa fa-truck fa-fw fa-3x"></i>
+              </div>
+              <div class="circle-tile-content blue">
+                <div class="circle-tile-description text-faded">
+                  <p>Pool Workers</p>
+                  <div class="circle-tile-number text-faded up">
+                    <span class="overview" id="b-poolworkers">{$GLOBAL.workers}</span>
+                    <br>
+                    <span class="pool-workers-bar spark-18"></span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
-          <div class="col-md-spark-2">
-              <p class="overview">Net Hashrate</p>
-              <span class="overview" id="b-nethashrate">{$GLOBAL.nethashrate|number_format:"2"}</span><span class="overview-mhs"> {$GLOBAL.hashunits.network}</span>
-              <br>
-              <span class="pool-nethashrate-bar spark-18"></span>
+          <div class="col-md-spark-2 col-sm-6">
+            <div class="circle-tile">
+              <div class="circle-tile-heading blue">
+               <i class="fa fa-h-square fa-fw fa-3x"></i>
+              </div>
+              <div class="circle-tile-content blue">
+                <div class="circle-tile-description text-faded">
+                  <p>Net Hashrate</p>
+                  <div class="circle-tile-number text-faded up">
+                    <span class="overview" id="b-nethashrate">{$GLOBAL.nethashrate|number_format:"2"}</span><span class="overview-mhs"> {$GLOBAL.hashunits.network}</span>
+                    <br>
+                    <span class="pool-nethashrate-bar spark-18"></span>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
-