diff --git a/public/index.html b/public/index.html
index 5231c0c..8fdcfd8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,12 +2,12 @@
 <html>
   <head>
     <title>Vinlottis</title>
-  <link href=/dist/css/vinlottis.9de3c0e.css rel=stylesheet></head>
+  <link href=/dist/css/vinlottis.9c7b01a.css rel=stylesheet></head>
   <body>
     <div id=app></div>
 
     
-    <script src=/dist/js/vinlottis.bundle.9de3c0e.js></script>
+    <script src=/dist/js/vinlottis.bundle.9c7b01a.js></script>
     
-  <script type=text/javascript src=/dist/js/vinlottis.bundle.9de3c0e.js></script></body>
+  <script type=text/javascript src=/dist/js/vinlottis.bundle.9c7b01a.js></script></body>
 </html>
diff --git a/src/ui/Highscore.vue b/src/ui/Highscore.vue
index 80b4cd8..8dfb6e4 100644
--- a/src/ui/Highscore.vue
+++ b/src/ui/Highscore.vue
@@ -2,9 +2,7 @@
   <div v-if="highscore.length > 0">
     <h3>Highscore</h3>
     <ol>
-      <li v-for="person in highscore">
-        {{ person.name }} - {{ person.wins.length }}
-      </li>
+      <li v-for="person in highscore">{{ person.name }} - {{ person.wins.length }}</li>
     </ol>
   </div>
 </template>
@@ -15,10 +13,11 @@ export default {
     return { highscore: [] };
   },
   async mounted() {
-    let _response = await fetch(
-      "/api/highscore/statistics"
-    );
+    let _response = await fetch("/api/highscore/statistics");
     let response = await _response.json();
+    response.sort((a, b) => {
+      return a.wins.length > b.wins.length ? 1 : -1;
+    });
     this.highscore = response;
   }
 };
diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue
index 5437215..a2310fd 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -12,33 +12,31 @@ export default {
     let canvas = this.$refs["purchase-chart"].getContext("2d");
 
     console.log(canvas);
-    let _response = await fetch(
-      "/api/purchase/statistics"
-    );
+    let _response = await fetch("/api/purchase/statistics");
     let response = await _response.json();
     let labels = [];
     let blue = {
       label: "Blå",
       borderColor: "#4bcffa",
-      backgroundColor: "#4bcffa42",
+      backgroundColor: "#4bcffa10",
       data: []
     };
     let yellow = {
       label: "Gul",
       borderColor: "#ffdd59",
-      backgroundColor: "#ffdd5942",
+      backgroundColor: "#ffdd5910",
       data: []
     };
     let red = {
       label: "Rød",
       borderColor: "#ef5777",
-      backgroundColor: "#ef577742",
+      backgroundColor: "#ef577710",
       data: []
     };
     let green = {
       label: "Grønn",
       borderColor: "#0be881",
-      backgroundColor: "#0be88142",
+      backgroundColor: "#0be88110",
       data: []
     };
 
diff --git a/src/ui/TotalBought.vue b/src/ui/TotalBought.vue
index 04b1fb9..5415898 100644
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -28,6 +28,13 @@
       <div>{{ green.win }} vinn</div>
       <div>{{ greenPercentage }}% vinn</div>
     </div>
+    <div class="total-container">
+      <div>
+        totalt&nbsp;
+        <span class="total">{{ total }}</span> kjøpt
+      </div>
+      <div>{{ totalWin }} vinn</div>
+    </div>
   </div>
 </template>
 <script>
@@ -48,9 +55,7 @@ export default {
     };
   },
   async mounted() {
-    let _response = await fetch(
-      "/api/purchase/statistics/color"
-    );
+    let _response = await fetch("/api/purchase/statistics/color");
     let response = await _response.json();
     this.red = response.red;
     this.blue = response.blue;
@@ -60,15 +65,23 @@ export default {
     this.totalWin =
       this.red.win + this.yellow.win + this.blue.win + this.green.win;
 
-    this.redPercentage =
-      this.red.win == 0 ? 0 : (this.totalWin / this.red.win) * 100;
-    this.greenPercentage =
-      this.green.win == 0 ? 0 : (this.totalWin / this.green.win) * 100;
-    this.bluePercentage =
-      this.blue.win == 0 ? 0 : (this.totalWin / this.blue.win) * 100;
-    this.yellowPercentage =
-      this.yellow.win == 0 ? 0 : (this.totalWin / this.yellow.win) * 100;
-    console.log(response);
+    this.redPercentage = this.round(
+      this.red.win == 0 ? 0 : (this.totalWin / this.red.win) * 100
+    );
+    this.greenPercentage = this.round(
+      this.green.win == 0 ? 0 : (this.totalWin / this.green.win) * 100
+    );
+    this.bluePercentage = this.round(
+      this.blue.win == 0 ? 0 : (this.totalWin / this.blue.win) * 100
+    );
+    this.yellowPercentage = this.round(
+      this.yellow.win == 0 ? 0 : (this.totalWin / this.yellow.win) * 100
+    );
+  },
+  methods: {
+    round: function(number) {
+      return Math.round(number * 100) / 100;
+    }
   }
 };
 </script>
@@ -85,7 +98,8 @@ export default {
 .green,
 .blue,
 .yellow,
-.red {
+.red,
+.total {
   font-size: 2rem;
   font-weight: bold;
 }
