diff --git a/client/homebrew/pages/vaultPage/vaultPage.less b/client/homebrew/pages/vaultPage/vaultPage.less
index f110a333a..66c627f65 100644
--- a/client/homebrew/pages/vaultPage/vaultPage.less
+++ b/client/homebrew/pages/vaultPage/vaultPage.less
@@ -247,10 +247,18 @@ body {
 
 // media query for when the page is smaller than 1079 px in width
 @media screen and (max-width: 1079px) {
-	.vaultPage .content .dataGroup.resultsContainer .foundBrews .brewItem {
-		width: 100%;
-		color: black;
-		background-image: url('/assets/parchmentBackground.jpg');
-	}
+	.vaultPage .content {
+		grid-template-columns: none;
+		grid-template-rows: 325px 1fr;
 
+		.brewLookup {
+			padding-block:10px 20px;
+		}
+
+		.dataGroup.resultsContainer .foundBrews .brewItem {
+			width: 100%;
+			color: black;
+			background-image: url('/assets/parchmentBackground.jpg');
+		}
+	}
 }
\ No newline at end of file