diff --git a/index.html b/index.html
index 0a93bd4..eae1442 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>Hanyadik het van?</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div class="w-100 p-3" id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index ebaef8c..678b23e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,10 @@ import WeekNumber from './components/WeekNumber.vue'
     background-color: var(--bs-dark);
   }
 
+  main {
+    left: 50%;
+  }
+
   #app {
     display: grid;
     grid-template-columns: 1fr 1fr;
diff --git a/src/components/WeekNumber.vue b/src/components/WeekNumber.vue
index 2e446a6..b01ea92 100644
--- a/src/components/WeekNumber.vue
+++ b/src/components/WeekNumber.vue
@@ -30,7 +30,7 @@ export default defineComponent({
 
 <template>
   <div>
-    <h1>
+    <h1 class="text-center">
       {{weeknumber}}
     </h1>
   </div>
@@ -40,6 +40,5 @@ export default defineComponent({
 h1 {
   font-weight: 500;
   font-size: 5rem;
-  top: -10px;
 }
 </style>
