diff --git a/client/homebrew/navbar/navbar.jsx b/client/homebrew/navbar/navbar.jsx
index 56be360..34d55cc 100644
--- a/client/homebrew/navbar/navbar.jsx
+++ b/client/homebrew/navbar/navbar.jsx
@@ -11,7 +11,7 @@ var Navbar = React.createClass({
 				<Nav.item href='/' className='homebrewLogo'>
 					<div>The Homebrewery</div>
 				</Nav.item>
-				<Nav.item>v2.2.2</Nav.item>
+				<Nav.item>v2.2.3</Nav.item>
 			</Nav.section>
 			{this.props.children}
 		</Nav.base>
diff --git a/client/homebrew/phbStyle/phb.style.less b/client/homebrew/phbStyle/phb.style.less
index e5978e2..477d9d9 100644
--- a/client/homebrew/phbStyle/phb.style.less
+++ b/client/homebrew/phbStyle/phb.style.less
@@ -40,6 +40,7 @@ body {
 }
 .phb{
 	.useColumns();
+	counter-increment: phb-page-numbers;
 	position          : relative;
 	z-index           : 15;
 	box-sizing        : border-box;
@@ -296,7 +297,7 @@ body {
 		text-align : center;
 
 		&.auto::after {
-			counter-increment: phb-page-numbers;
+
 			content: counter(phb-page-numbers);
 		}
 	}
diff --git a/package.json b/package.json
index e1eeca5..8dd21a0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "homebrewery",
   "description": "Create authentic looking D&D homebrews using only markdown",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "scripts": {
     "postinstall": "gulp prod",
     "start": "node server.js"
diff --git a/phb.standalone.css b/phb.standalone.css
index 7c7ca4b..07829da 100644
--- a/phb.standalone.css
+++ b/phb.standalone.css
@@ -213,6 +213,7 @@ body {
   -moz-column-width: 8cm;
   -webkit-column-gap: 1cm;
   -moz-column-gap: 1cm;
+  counter-increment: phb-page-numbers;
   position: relative;
   z-index: 15;
   box-sizing: border-box;
@@ -481,7 +482,6 @@ body {
   text-align: center;
 }
 .phb .pageNumber.auto::after {
-  counter-increment: phb-page-numbers;
   content: counter(phb-page-numbers);
 }
 .phb .footnote {