diff --git a/client/public/index.html b/client/public/index.html
index 87d75f3..9bb03b9 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -16,7 +16,7 @@
   <title>LeagueStats</title>
 </head>
 
-<body class="min-w-1200">
+<body class="min-w-1200 bg-blue-900">
   <noscript>
     <strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to
       continue.</strong>
diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
index cfe7b74..209c6ba 100644
--- a/client/src/views/Home.vue
+++ b/client/src/views/Home.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="bg-blue-900">
+  <div class="relative bg-blue-900 page-wrapper mx-auto overflow-hidden">
     <LazyBackground
       :image-source="require('@/assets/img/bg-homepage-1.jpg')"
-      image-class="absolute inset-0"
+      image-class="absolute inset-0 bg-center"
       transition-name="fade"
     ></LazyBackground>
 
