diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index 11b6f281..06a50f55 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -132,12 +132,12 @@
           <page-navigation />
         </div>
       </div>
-      <!-- TODO: -->
-      <div>
-        <a :href="editLink" target="_blank">
-          <span>Edit this page on GitHub</span> &middot;
-        </a>
-        Made with 🖤 by <a href="https://twitter.com/_ueberdosis">überdosis</a>
+      <div class="app__page-footer">
+        <div class="app__inner">
+          <a :href="editLink" target="_blank">Edit this page on GitHub</a>
+          &middot;
+          Made with 🖤 by <a href="https://twitter.com/_ueberdosis">überdosis</a>
+        </div>
       </div>
     </div>
 
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index d3f3515f..d2b851b5 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -212,6 +212,17 @@ $menuBreakPoint: 800px;
     border-top: 1px solid rgba($colorWhite, 0.1);
   }
 
+  &__page-footer {
+    font-size: 0.85rem;
+    padding: 1.5rem 0;
+    text-align: center;
+    border-top: 1px solid rgba($colorWhite, 0.1);
+
+    a {
+      text-decoration: underline;
+    }
+  }
+
   &__mobile-nav {
     padding: 1rem;
     flex: 1 1 auto;