diff --git a/changelog.md b/changelog.md
index 20e2eca..abb46ab 100644
--- a/changelog.md
+++ b/changelog.md
@@ -2,6 +2,7 @@
 
 ### Sunday, 05/06/2016 - v2.2.1
 - Adding in a new Class table div block. The old Class table block used weird stacking of HTML elements, resulting is difficult to control behaviour and poor interactiosn with the rest of the page. This new block is much easier to style and work with.
+- Added in a new wide table snippet
 - Added in a new auto-incremeting page number snippet
 
 
diff --git a/client/homebrew/editor/snippets/snippets.js b/client/homebrew/editor/snippets/snippets.js
index 171ec39..ded7b8a 100644
--- a/client/homebrew/editor/snippets/snippets.js
+++ b/client/homebrew/editor/snippets/snippets.js
@@ -57,6 +57,12 @@ module.exports = [
 				gen : "<div class='pageNumber'>1</div>\n<div class='footnote'>PART 1 | FANCINESS</div>\n\n"
 			},
 
+			{
+				name : "Auto-incrementing Page Number",
+				icon : 'fa-sort-numeric-asc',
+				gen : "<div class='pageNumber auto'></div>\n"
+			},
+
 
 		]
 	},
@@ -141,6 +147,24 @@ module.exports = [
 						"| 17th | 4 or lower |\n\n",
 					].join('\n');
 				},
+			},
+			{
+				name : 'Wide Table',
+				icon : 'fa-list',
+				gen : function(){
+					return [
+						"<div class='wide'>",
+						"##### Cookie Tastiness",
+						"| Tastiness | Cookie Type |",
+						"|:----:|:-------------|",
+						"| -5  | Raisin |",
+						"| 8th  | Chocolate Chip |",
+						"| 11th | 2 or lower |",
+						"| 14th | 3 or lower |",
+						"| 17th | 4 or lower |",
+						"</div>\n\n"
+					].join('\n');
+				},
 			}
 		]
 	},
diff --git a/client/homebrew/phbStyle/phb.style.less b/client/homebrew/phbStyle/phb.style.less
index 4cbab9a..e397d58 100644
--- a/client/homebrew/phbStyle/phb.style.less
+++ b/client/homebrew/phbStyle/phb.style.less
@@ -11,6 +11,9 @@
 @headerText            : #58180D;
 @monsterStatBackground : #FDF1DC;
 @page { margin: 0; }
+body {
+	counter-reset: phb-page-numbers;
+}
 .useSansSerif(){
 	font-family : ScalySans;
 	em{
@@ -291,6 +294,11 @@
 		font-size  : 0.9em;
 		color      : #c9ad6a;
 		text-align : center;
+
+		&.auto::after {
+			counter-increment: phb-page-numbers;
+			content: counter(phb-page-numbers);
+		}
 	}
 	.footnote{
 		position   : absolute;