diff --git a/client/homebrew/editor/editor.less b/client/homebrew/editor/editor.less
index cd190ea88..0097ddbf6 100644
--- a/client/homebrew/editor/editor.less
+++ b/client/homebrew/editor/editor.less
@@ -4,41 +4,49 @@
 	width    : 100%;
 
 	.codeEditor{
-		height : 100%;
+		height            : 100%;
+		counter-reset     : page;
+		counter-increment : page;
 		.pageLine{
-			background-color : fade(#333, 15%);
-			border-bottom    : #333 solid 1px;
+			background : #33333328;
+			border-top : #339 solid 1px;
+			&:after{
+				content           : counter(page);
+				counter-increment : page;
+				float             : right;
+				color             : gray;
+			}
 		}
 		.columnSplit{
-			font-style : italic;
-			color : grey;
-			background-color : fade(#299, 15%);
-			border-bottom    : #299 solid 1px;
+			font-style 			: italic;
+			color 				: grey;
+			background-color 	: fade(#299, 15%);
+			border-bottom    	: #299 solid 1px;
 		}
 		.block{
-			color : purple;
+			color 		: purple;
 			font-weight : bold;
 			//font-style: italic;
 		}
 		.inline-block{
-			color : red;
+			color 		: red;
 			font-weight : bold;
 			//font-style: italic;
 		}
 	}
 
 	.brewJump{
-		position: absolute;
-		background-color: @teal;
-		cursor: pointer;
-		width : 30px;
-		height : 30px;
-		display : flex;
-		align-items : center;
-		bottom : 20px;
-		right : 20px;
-		z-index: 1000000;
-		justify-content:center;
+		position			: absolute;
+		background-color	: @teal;
+		cursor				: pointer;
+		width 				: 30px;
+		height 				: 30px;
+		display 			: flex;
+		align-items 		: center;
+		bottom 				: 20px;
+		right 				: 20px;
+		z-index				: 1000000;
+		justify-content		: center;
 		.tooltipLeft("Jump to brew page");
 	}