diff --git a/package-lock.json b/package-lock.json
index 217aabf..caaf786 100644
Binary files a/package-lock.json and b/package-lock.json differ
diff --git a/package.json b/package.json
index b0f8421..ca3d134 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "2.7.2",
+    "version": "2.7.3",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",
diff --git a/src/main/css/main.css b/src/main/css/main.css
index 0926e4a..6c42610 100644
--- a/src/main/css/main.css
+++ b/src/main/css/main.css
@@ -3,4 +3,5 @@
 @import "snippets/colors.css";
 @import "snippets/common.css";
 @import "snippets/nav.css";
+@import "snippets/toc.css";
 @import "snippets/overrides.css";
diff --git a/src/main/css/snippets/toc.css b/src/main/css/snippets/toc.css
new file mode 100644
index 0000000..afa2214
--- /dev/null
+++ b/src/main/css/snippets/toc.css
@@ -0,0 +1,3 @@
+#toc {
+    position: fixed;
+}
diff --git a/src/test/index.html b/src/test/index.html
index d904238..c889748 100644
--- a/src/test/index.html
+++ b/src/test/index.html
@@ -37,9 +37,55 @@
         <div id="header"></div>
 
         <section class="container">
-            <p>These are the page contents.</p>
-
-            <p>These are some more contents.</p>
+            <div class="row">
+                <div class="column column-75">
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                    <p>These are the page contents.</p>
+                    <p>These are some more contents.</p>
+                </div>
+                <div class="column column-25">
+                    <div id="toc">
+                        <p>These are a TOC</p>
+                    </div>
+                </div>
+            </div>
         </section>
     </div>
     <div id="footer"></div>