diff --git a/assets/css/default.css b/assets/css/default.css
index f36dcb3..0d08e63 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -18,6 +18,8 @@ body {
     bottom: 0;
     left: 0;
     z-index: 100; /* Behind the navbar */
+    display: flex;
+    flex-direction: column;
     padding: 48px 0 0 1%; /* Height of navbar */
     box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
 }
@@ -29,10 +31,7 @@ body {
 }
 
 .sidebar-sticky {
-    position: relative;
-    top: 0;
-    height: calc(100vh - 48px);
-    padding-top: 0.5rem;
+    flex: 1;
     overflow-x: hidden;
     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 }
@@ -91,10 +90,9 @@ ol.submenu {
 
 .sidebar-footer {
     padding: 1em;
-    font-size:0.8rem;
-    position: absolute;
-    bottom: 0px;
+    font-size: 0.8rem;
     color: #808080;
+    flex-shrink: 0;
 }
 
 .sidebar-footer > a:link {
@@ -218,7 +216,7 @@ pre.highlight {
 */
 
 .overlay {
-    background: rgb(0,0,0,0.75);
+    background: rgb(0, 0, 0, 0.75);
     width: 100%;
     height: 100%;
     z-index: 1030;