diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index f8d67df..8e277a9 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -176,10 +176,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 c796371..2d73a65 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -82,7 +82,8 @@ export default {
         maintainAspectRatio: false,
         title: {
           display: true,
-          text: "Antall kjøp"
+          text: "Antall vinn",
+          fontSize: 20,
         },
         legend: {
           display: true,
@@ -90,9 +91,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 f64a88e..125f466 100644
--- a/src/ui/WinGraph.vue
+++ b/src/ui/WinGraph.vue
@@ -74,13 +74,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: {