diff --git a/vue/src/views/home/Home.vue b/vue/src/views/home/Home.vue
index d09c7e3..57c47c7 100644
--- a/vue/src/views/home/Home.vue
+++ b/vue/src/views/home/Home.vue
@@ -168,7 +168,7 @@ import Bookmarks from "./Bookmarks.vue";
     .homeGrid {
         order: -1;
         width: 95vw;
-        height: 120vh;
+        height: 297mm;
         margin-inline: 0;
         box-sizing: border-box;
     }
diff --git a/vue/src/views/home/Listening.vue b/vue/src/views/home/Listening.vue
index 1c0dc22..698fcc0 100644
--- a/vue/src/views/home/Listening.vue
+++ b/vue/src/views/home/Listening.vue
@@ -34,7 +34,7 @@ onUnmounted(() => {
         <div
             @click="nextSong"
             :key="song.track.name"
-            class="flex flex-col items-center"
+            class="flex flex-col items-center pt-2"
         >
             <Header>Listening To</Header>
             <img :src="song.track.album.images[0].url" :alt="song.track.album.name + ' album art'" />
diff --git a/vue/src/views/home/Steam.vue b/vue/src/views/home/Steam.vue
index 818c348..85545dc 100644
--- a/vue/src/views/home/Steam.vue
+++ b/vue/src/views/home/Steam.vue
@@ -59,7 +59,7 @@ function formatHours(minutes) {
                 <div
                     @click="nextGame"
                     :key="game.appId"
-                    class="flex flex-col items-center"
+                    class="flex flex-col items-center pt-2"
                 >
                     <img
                         :src="game.headerImageUrl"
@@ -85,7 +85,7 @@ function formatHours(minutes) {
 <style scoped>
 .steam-wrapper {
     position: relative;
-    height: 50mm;
+    height: 54mm;
     display: flex;
     flex-direction: column;
 }