diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index abf34e0..b92f722 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -346,7 +346,7 @@ figure {
     }
 }
 
-#SeriesNavigation {
+.series-navigation {
     margin-top: 1em;
     display: flex;
     flex-wrap: wrap;
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index d9fd047..f5f50ea 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -27,7 +27,9 @@
 </div>
 {{- end -}}
 {{- define "after" -}}
+<div class="container">
 {{- partial "seriesnav.html" . -}}
+</div>
 <hr class="container footer-divider">
 <footer class="container">
     <p>{{ i18n "contactFooter" | safeHTML }}</p>
diff --git a/layouts/partials/seriesnav.html b/layouts/partials/seriesnav.html
index a59c531..05dbca3 100644
--- a/layouts/partials/seriesnav.html
+++ b/layouts/partials/seriesnav.html
@@ -3,7 +3,7 @@
 {{ with $term }}
 {{- /* No idea why the 'Reverse' is needed? */ -}}
 {{ $pages := (site.Taxonomies.series.Get .Data.Term).Pages.ByDate.Reverse }}
-<nav id="SeriesNavigation" class="container">
+<nav class="series-navigation">
 {{ with $pages.Prev $page }}
 {{ partial "serieslink.html" (dict "direction" "previous" "link" .RelPermalink "page" .) }}
 {{ end }}