diff --git a/frontend/src/assets/main.postcss b/frontend/src/assets/main.postcss
index bc4de7f..bce6fcf 100644
--- a/frontend/src/assets/main.postcss
+++ b/frontend/src/assets/main.postcss
@@ -155,10 +155,6 @@ body,
     }
 }
 
-.grid-template-rows-auto {
-	grid-template-rows: auto auto 1fr 1fr;
-}
-
 .btn {
 	@apply h-12 min-h-12 cursor-pointer rounded-xl font-medium px-4 inline-flex justify-center items-center gap-2 hover:bg-gray-500 hover:bg-opacity-10
 }
diff --git a/frontend/src/components/HomePage.vue b/frontend/src/components/HomePage.vue
index 2d45924..8302d3d 100644
--- a/frontend/src/components/HomePage.vue
+++ b/frontend/src/components/HomePage.vue
@@ -122,8 +122,7 @@
 				</p>
 			</div>
 			<div
-				class="flex-1 grid grid-cols-1 bg-white w-full max-w-full min-w-0 min-h-full rounded-tl-[3rem] p-12 h-1 overflow-y-scroll"
-				:class="{'grid-template-rows-auto': !displayedIsEmpty}">
+				class="flex-1 flex flex-col bg-white w-full max-w-full min-w-0 min-h-full rounded-tl-[3rem] p-12 h-1 overflow-y-scroll">
 				<h3 class="mb-4 font-medium text-xl">
 					<span v-if="displayedIsEmpty">Ready to receive{{ outboundPayload != undefined ? ' / send' : '' }}</span>
 					<span v-else>Nearby devices</span>