"Removed margin-bottom from brewRenderer style, added padding-bottom and updated styles in brewRenderer.less"

client/homebrew/brewRenderer/brewRenderer.jsx

@@ -246,7 +246,6 @@ const BrewRenderer = (props)=>{
         {`
           .pages {
             zoom: ${state.zoom}%;
-			margin-bottom: 5cm;
           }
         `}
       </style>

client/homebrew/brewRenderer/brewRenderer.less

@@ -1,10 +1,13 @@
 @import (multiple, less) 'shared/naturalcrit/styles/reset.less';
 
 .brewRenderer {
-	will-change : transform;
-	overflow-y  : scroll;
+	will-change   : transform;
+	overflow-y    : scroll;
+	padding-bottom: 30px;
+
 	:where(.pages) {
 		margin : 30px 0px;
+
 		& > :where(.page) {
 			width         : 215.9mm;
 			height        : 279.4mm;
@@ -17,27 +20,27 @@
 
 	&::-webkit-scrollbar {
 		width: 20px;
+
 		&:horizontal{
 			height: 20px;
 			width:auto;
 		}
+		
 		&-thumb {
 			background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
 			&:horizontal{
 				background: linear-gradient(0deg, #d3c1af 15px, #00000000 15px);
 			}
 		}
+		
 		&-corner {
 			visibility: hidden;
 		}
 	}
-	
-
-
-
-
 }
+
 .pane { position : relative; }
+
 .pageInfo {
 	position         : absolute;
 	right            : 17px;
@@ -53,6 +56,7 @@
 		&:not(:last-child) { border-right : 1px solid #666666; }
 	}
 }
+
 .ppr_msg {
 	position         : absolute;
 	bottom           : 0;