diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4fb614e..7923872 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 # Next Release
 
+# v0.1.1
+
+* Redid layout on circle customer view
+* Renamed customer dashboard headers
+
 # v0.1.0
 
 * Changed Story Trail choosing to modals
diff --git a/package-lock.json b/package-lock.json
index 4438a01..2e529ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "localloop-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index b2811a6..6b3ee33 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "localloop-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "LocalLoop Web - Web interface for LocalLoop app",
   "author": "",
   "url": "http://www.peartrade.org",
diff --git a/src/app/dashboard/dashboard-customer.component.html b/src/app/dashboard/dashboard-customer.component.html
index ab19c9b..46310d0 100644
--- a/src/app/dashboard/dashboard-customer.component.html
+++ b/src/app/dashboard/dashboard-customer.component.html
@@ -78,7 +78,7 @@
         <div class="card-block">
           <div class="row">
             <div class="col-12">
-              <h4 class="card-title float-left mb-0">Sector Purchase Amounts</h4>
+              <h4 class="card-title float-left mb-0">Purchases by Sector</h4>
             </div><!--/.col-->
           </div><!--/.row-->
           <div class="chart-wrapper">
diff --git a/src/app/panels/pie-panel.component.html b/src/app/panels/pie-panel.component.html
index eb0c194..7e2dd4a 100644
--- a/src/app/panels/pie-panel.component.html
+++ b/src/app/panels/pie-panel.component.html
@@ -2,7 +2,7 @@
     <div class="card-block">
       <div class="row">
         <div class="col-sm-8">
-          <h4 class="card-title mb-0">Local Purchases</h4>
+          <h4 class="card-title mb-0">All Purchases</h4>
         </div><!--/.col-->
         <div class="col-sm-4 hidden-sm-down">
           <div class="btn-toolbar float-right" role="toolbar" aria-label="Toolbar with button groups">
diff --git a/src/app/snippets/cust-snippet-bar.component.html b/src/app/snippets/cust-snippet-bar.component.html
index 968c2f0..a318c60 100644
--- a/src/app/snippets/cust-snippet-bar.component.html
+++ b/src/app/snippets/cust-snippet-bar.component.html
@@ -1,16 +1,22 @@
-<div class="card text-center">
-  <div class="card-block">
-    <ul style="list-style: none; padding-left: 0;">
-      <div class="row no-gutters">
-        <div class="col-12 col-sm-6 col-md-3 mx-auto">
+<div class="row">
+  <div class="col-md-6 col-xl-3">
+    <div class="card text-center" style="background-color: transparent; border: none">
+      <div class="card-block">
+        <ul style="list-style: none; padding-left: 0;">
           <li class="hidden-sm-down">
-            <div>My Points</div>
+            <div><h5 class="text-dark-green">My Points</h5></div>
             <div class="number-circle mx-auto"><strong>{{ userSum / 10 | number:'1.0-0' }}</strong></div>
           </li>
-        </div>
-        <div class="col-12 col-sm-6 col-md-3 mx-auto">
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6 col-xl-3">
+    <div class="card text-center" style="background-color: transparent; border: none">
+      <div class="card-block">
+        <ul style="list-style: none; padding-left: 0;">
           <li class="hidden-sm-down">
-            <div class="">My Rank</div>
+            <div><h5 class="text-dark-green">My Rank</h5></div>
             <div *ngIf="userPosition == 0" class="statuscontent">
               <div class="number-circle mx-auto"><strong>Unranked</strong></div>
             </div>
@@ -18,20 +24,32 @@
               <div class="number-circle mx-auto"><strong>{{ userPosition }}</strong></div>
             </div>
           </li>
-        </div>
-        <div class="col-12 col-sm-6 col-md-3 mx-auto">
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6 col-xl-3">
+    <div class="card text-center" style="background-color: transparent; border: none">
+      <div class="card-block">
+        <ul style="list-style: none; padding-left: 0;">
           <li class="hidden-sm-down">
-            <div class="">My Total Spend</div>
+            <div><h5 class="text-dark-green">My Total Spend</h5></div>
             <div class="number-circle mx-auto"><strong>{{ userSum | currency:'GBP':'symbol':'1.2-2' }}</strong></div>
           </li>
-        </div>
-        <div class="col-12 col-sm-6 col-md-3 mx-auto">
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6 col-xl-3">
+    <div class="card text-center" style="background-color: transparent; border: none">
+      <div class="card-block">
+        <ul style="list-style: none; padding-left: 0;">
           <li class="hidden-sm-down">
-            <div class="">Value to Local Economy</div>
+            <div><h5 class="text-dark-green">Value to Local Economy</h5></div>
             <div class="number-circle mx-auto"><strong>{{ userSum * 2.3 | currency:'GBP':'symbol':'1.2-2' }}</strong></div>
           </li>
-        </div>
+        </ul>
       </div>
-    </ul>
+    </div>
   </div>
 </div>
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index 9efb502..fa409c6 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -34,10 +34,15 @@ agm-map {
   padding: 5rem 5%;
   line-height: 0;
   position: relative;
-  background: #20a8d8;
+  background: #4dbd74;
   color: white;
   font-size: 0.875rem;
 }
+
+.text-dark-green {
+  color: #10602c;
+}
+
 // white title font variant on type-2 as defined in _widgets.css
 .horizontal-bars {
   padding: 0;