diff --git a/assets/css/parts/_pagination.scss b/assets/css/parts/_pagination.scss
index 05c57c5..4e8ee2a 100644
--- a/assets/css/parts/_pagination.scss
+++ b/assets/css/parts/_pagination.scss
@@ -1,7 +1,10 @@
 ul.pagination {
     list-style-type: none;
-    display: inline-block;
-    margin: 1rem auto !important;
+    display: block;
+    padding: 0px;
+    margin: 1rem 0 1rem calc(-2rem + 10px) !important;
+    text-align: center;
+    
 }
 
 ul.pagination li {
diff --git a/layouts/_default/category.html b/layouts/_default/category.html
new file mode 100644
index 0000000..c744dea
--- /dev/null
+++ b/layouts/_default/category.html
@@ -0,0 +1,7 @@
+{{ define "main" }}
+<div class="small-wrapper">
+    <section>
+{{ .Content }}
+</section>
+</div>
+{{ end }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index bf574d7..7ffdae6 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+<div class="content wrapper">
 {{ $paginator := .Paginate (where .Pages.ByPublishDate.Reverse ".Params.date" "!=" nil) 6 }}
 {{ if eq $paginator.PageNumber 1 }}
 {{ .Content }}
@@ -26,4 +27,5 @@
 </ol>
 <link rel="stylesheet" type="text/css" href="/css/pagination.css" />
 {{ template "_internal/pagination.html" . }}
+</div>
 {{ end }}
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
index 2131e80..61b310f 100644
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+<div class="small-wrapper">
   <main id="main">
     <h1>{{ .Title }}</h1>
     <ul class="patterns-list">
@@ -18,4 +19,5 @@
       {{ end }}
     </ul>
   </main>
+</div>
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index bf574d7..7ffdae6 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+<div class="content wrapper">
 {{ $paginator := .Paginate (where .Pages.ByPublishDate.Reverse ".Params.date" "!=" nil) 6 }}
 {{ if eq $paginator.PageNumber 1 }}
 {{ .Content }}
@@ -26,4 +27,5 @@
 </ol>
 <link rel="stylesheet" type="text/css" href="/css/pagination.css" />
 {{ template "_internal/pagination.html" . }}
+</div>
 {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index feef658..8624569 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -8,8 +8,9 @@
         <span class="menu-icon-close"><i class="fa fa-times" aria-hidden="true"></i></span>
         <ul>
           <li><a href="/about">About</a></li>
-          <li><a href="/collections">Collections</a></li>
+          <li><a href="/categories">Categories</a></li>
           <li><a href="/tags">Tags</a></li>
+          <li><a href="/ratings">Ratings</a></li>
           <li><a href="javascript:invert()">Invert colors</a></li>
         </ul>
       </nav>
diff --git a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index ad8ea92..9e5aed0 100644
--- a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -950,8 +950,10 @@ pre {
 /* = = = = = = = = = = Pagination Styles = = = = = = = = = = */
 ul.pagination {
   list-style-type: none;
-  display: inline-block;
-  margin: 1rem auto !important; }
+  display: block;
+  padding: 0px;
+  margin: 1rem 0 1rem calc(-2rem + 10px) !important;
+  text-align: center; }
 
 ul.pagination li {
   display: inline-block;