diff --git a/_includes/footer.html b/_includes/footer.html
index 50e4abb..97f15d7 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,4 +1,4 @@
-    <footer class="d-flex flex-wrap justify-content-between align-items-center px-5 py-2 bg-body-tertiary">
+    <footer class="footer d-flex flex-wrap justify-content-between align-items-center mt-auto px-5 py-2 bg-body-tertiary">
       <ul class="nav justify-content-start list-unstyled d-flex">
         <li class="nav-item"><a href="https://git.libregaming.org/onFOSS/onFOSS.org" target="_blank" class="nav-link">Source-Code</a></li>
         <li class="nav-item"><a href="/privacy.html" class="nav-link">Privacy Notice</a></li>
diff --git a/_layouts/default.html b/_layouts/default.html
index 5838134..e977226 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" dir="ltr">
+<html lang="en" class="h-100" dir="ltr">
   <head>
     <meta charset="utf-8">
     <title>onFOSS</title>
@@ -9,10 +9,10 @@
     <link rel="alternate" type="application/rss+xml" title="{{ site.content.domain_name }}" href="/feed.xml">
     <script src="/assets/js/localtime.js"></script>
   </head>
-  <body>
+  <body class="d-flex flex-column h-100">
     {% include nav.html %}
 
-    <div class="container">
+    <div class="container flex-grow-1 flex-fill bg-body-secondary p-5">
       {{ content }}
     </div>
 
diff --git a/_sass/base.scss b/_sass/base.scss
index f85c1fd..6eb9c54 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -21,14 +21,9 @@ $line-height-base: 1.2;
 $table-color: #C8C8C8;
 $table-bg: #3F3F3E;
 
+$body-secondary-bg: #C8C8C8;
 $body-tertiary-bg: #43543F;
 
-body > .container {
-  background-color: #C8C8C8;
-  padding: 40px;
-  max-width:1000px;
-}
-
 .table a{
   color: #81BB27;
 }
