diff --git a/public/index.html b/public/index.html
index 8fdcfd8..43ee0be 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,12 +2,12 @@
 <html>
   <head>
     <title>Vinlottis</title>
-  <link href=/dist/css/vinlottis.9c7b01a.css rel=stylesheet></head>
+  <link href=/dist/css/vinlottis.b60e77d.css rel=stylesheet></head>
   <body>
     <div id=app></div>
 
     
-    <script src=/dist/js/vinlottis.bundle.9c7b01a.js></script>
+    <script src=/dist/js/vinlottis.bundle.b60e77d.js></script>
     
-  <script type=text/javascript src=/dist/js/vinlottis.bundle.9c7b01a.js></script></body>
+  <script type=text/javascript src=/dist/js/vinlottis.bundle.b60e77d.js></script></body>
 </html>
diff --git a/src/ui/TotalBought.vue b/src/ui/TotalBought.vue
index 5415898..4e03fa5 100644
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -1,34 +1,34 @@
 <template>
   <div class="bought-container">
-    <div class="red-container">
+    <div class="red-container inner-bought-container">
       <div>
         <span class="red">{{ red.total }}</span> kjøpt
       </div>
       <div>{{ red.win }} vinn</div>
       <div>{{ redPercentage }}% vinn</div>
     </div>
-    <div class="blue-container">
+    <div class="blue-container inner-bought-container">
       <div>
         <span class="blue">{{ blue.total }}</span> kjøpt
       </div>
       <div>{{ blue.win }} vinn</div>
       <div>{{ bluePercentage }}% vinn</div>
     </div>
-    <div class="yellow-container">
+    <div class="yellow-container inner-bought-container">
       <div>
         <span class="yellow">{{ yellow.total }}</span> kjøpt
       </div>
       <div>{{ yellow.win }} vinn</div>
       <div>{{ yellowPercentage }}% vinn</div>
     </div>
-    <div class="green-container">
+    <div class="green-container inner-bought-container">
       <div>
         <span class="green">{{ green.total }}</span> kjøpt
       </div>
       <div>{{ green.win }} vinn</div>
       <div>{{ greenPercentage }}% vinn</div>
     </div>
-    <div class="total-container">
+    <div class="total-container inner-bought-container">
       <div>
         totalt&nbsp;
         <span class="total">{{ total }}</span> kjøpt
@@ -87,6 +87,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.inner-bought-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
 .bought-container {
   display: flex;
   flex-direction: row;
