diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
index 2f05dae78..41b628450 100644
--- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
+++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
@@ -28,8 +28,6 @@
 		}
 	}
 	.info {
-		position  : initial;
-		bottom    : 2px;
 		font-size : 1.2em;
 		& > span { line-height : 1.5em; }
 		a { color : inherit; }
@@ -77,7 +75,7 @@
 		background-color : fade(black, 60%);
 		a,
 		button {
-			.animate(opacity);
+			
 			display         : block;
 			width           : 100%;
 			margin          : 8px 0px;
@@ -104,15 +102,10 @@
 }
 
 .grid > .brewItem {
-	position                    : relative;
-	box-sizing                  : border-box;
-	display                     : inline-block;
-	width                       : clamp(300px, 48%, 600px);
+	width                       : clamp(300px, 48%, 500px);
 	min-height                  : 125px;
 	padding                     : 5px 15px 2px 6px;
 	padding-right               : 15px;
-	overflow                    : hidden;
-	vertical-align              : top;
 	background-color            : #CAB2802E;
 	background-image            : url('https://ik.imagekit.io/5eCleric/background%20note.png');
 	background-size             : cover;
@@ -120,9 +113,6 @@
 	border-radius               : 5px;
 	box-shadow                  : 0px 4px 5px 0px #333333;
 	isolation                   : isolate;
-	break-inside                : avoid;
-	-webkit-column-break-inside : avoid;
-	break-inside           : avoid;
 	.thumbnail {
 		position            : absolute;
 		top                 : 0;
@@ -145,9 +135,6 @@
 		}
 	}
 	.info {
-		position  : initial;
-		bottom    : 2px;
-
 		font-size : 0.9em;
 		& > span {
 			margin-right : 12px;
@@ -196,7 +183,7 @@
 		.links { opacity : 1; }
 	}
 	.links {
-		.animate(opacity);
+		
 		position         : absolute;
 		top              : 0px;
 		right            : 0px;
@@ -207,7 +194,7 @@
 		opacity          : 0;
 		a,
 		button {
-			.animate(opacity);
+			
 			display         : block;
 			width           : 100%;
 			margin          : 8px 0px;
diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less
index d9f6dbc72..b48e5cfbf 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.less
+++ b/client/homebrew/pages/basePages/listPage/listPage.less
@@ -1,32 +1,16 @@
 @import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
 @import '@sharedStyles/colors.less';
 
-.noColumns() {
-	-webkit-column-width : auto;
-	-moz-column-width    : auto;
-	column-width         : auto;
-	-webkit-column-count : auto;
-	-moz-column-count    : auto;
-	column-count         : auto;
-	column-fill          : auto;
-	-webkit-column-gap   : normal;
-	-moz-column-gap      : normal;
-	column-gap           : normal;
-	height               : auto;
-	min-height           : 279.4mm;
-	margin               : 20px auto;
-	contain              : unset;
-}
 .listPage {
 	.content {
-		z-index        : 1;
-		padding-block  : clamp(20px, 5vh, 200px);
-		padding-inline : clamp(20px, 20vw, 200px);
+		padding: clamp(20px, 5vh, 200px) clamp(20px, 20vw, 200px);
 
 		.noBrews {
 			margin     : 10px 0px;
 			font-size  : 1.3em;
 			font-style : italic;
+			color:white;
+			font-weight:900;
 		}
 		.brewCollection {
 			h1 {
@@ -101,10 +85,10 @@
 		height          : fit-content;
 		font-family     : 'Open Sans', sans-serif;
 		color           : white;
-		background      : #555555;
-		border-top      : 1px solid #666666;
-		border-bottom   : 1px solid #666666;
-		row-rule        : 1px solid #666666;
+		background      : #555;
+		border-top      : 1px solid #666;
+		border-bottom   : 1px solid #666;
+		row-rule        : 1px solid #666;
 
 		> div {
 			width          : fit-content;