diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 3b97be9..f99d78e 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -191,10 +191,12 @@ h1 {
   }
 
   .chart-container {
-    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
+
+    padding-top: 0;
+    margin-top: 30px;
   }
 
   .outer {
diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue
index 4c7ff95..864ba59 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -83,7 +83,8 @@ export default {
         maintainAspectRatio: false,
         title: {
           display: true,
-          text: "Antall kjøp"
+          text: "Antall vinn",
+          fontSize: 20,
         },
         legend: {
           display: true,
@@ -91,9 +92,9 @@ export default {
           usePointStyle: true,
           borderRadius: 10,
           labels: {
-            // This more specific font property overrides the global property
-            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
-              "'knowit'")
+            padding: 12,
+            boxWidth: 20,
+            usePointStyle: true
           }
         },
         scales: {
diff --git a/src/ui/WinGraph.vue b/src/ui/WinGraph.vue
index 4470c23..01f1511 100644
--- a/src/ui/WinGraph.vue
+++ b/src/ui/WinGraph.vue
@@ -73,13 +73,14 @@ export default {
         maintainAspectRatio: false,
         title: {
           display: true,
-          text: "Antall vinn"
+          text: "Antall vinn",
+          fontSize: 20,
         },
         legend: {
           labels: {
-            // This more specific font property overrides the global property
-            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
-              "'knowit'")
+            padding: 12,
+            boxWidth: 20,
+            usePointStyle: true
           }
         },
         scales: {