diff --git a/nginx/vue/public/css/styles.css b/nginx/vue/public/css/styles.css
index 2c35999..b3a17c9 100644
--- a/nginx/vue/public/css/styles.css
+++ b/nginx/vue/public/css/styles.css
@@ -106,6 +106,11 @@ video {
     background: white;
 }
 
+.fill {
+    width: 100%;
+    height: 100%;
+}
+
 .center-content {
     align-items: center;
     text-align: center;
diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index b261fae..ce4d210 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/nginx/vue/src/views/Home.vue
@@ -7,7 +7,7 @@ import Radio from "@/components/Radio.vue";
 <template>
     <main class="flex-row">
         <div class="border4 tile1">
-            <div class="border2 bg-white shadow1">
+            <div class="border2 bg-white shadow1 fill">
                 <img src="/img/epic.jpeg" />
                 <div class="margin1">
                     <h1>Welcome</h1>
@@ -17,7 +17,7 @@ import Radio from "@/components/Radio.vue";
         </div>
 
         <div class="border-cv tile1">
-            <div class="border2 bg-white shadow1">
+            <div class="border2 bg-white shadow1 fill">
                 <!-- <video>
                     <source src="/img/memes/1761540684738196.webm" />
                 </video> -->
@@ -52,7 +52,7 @@ import Radio from "@/components/Radio.vue";
         </div> -->
 
         <div class="border1 tile1">
-            <Radio class="border2 bg-white shadow1" />
+            <Radio class="border2 fill bg-white shadow1" />
         </div>
 
         <div class="border1 tile3">
@@ -60,7 +60,7 @@ import Radio from "@/components/Radio.vue";
         </div>
 
         <div class="border1 tile1">
-            <SpotifyListening class="border2 bg-white shadow1" />
+            <SpotifyListening class="border2 bg-white shadow1 fill" />
         </div>
     </main>
 </template>