diff --git a/assets/css/theme.scss b/assets/css/theme.scss
index d380f82..3c03cbc 100644
--- a/assets/css/theme.scss
+++ b/assets/css/theme.scss
@@ -220,12 +220,17 @@ a.fn-item {
 
   background-color: var(--single-page-bg-color);
   color: var(--single-page-text-color);
+  // to remove the white space after the footer on pages shorter
+  // than actually would fit into the browser window
+  min-height: calc(100vh - 2em);
 
   // Tweak the .post wrapper style
   .post {
     margin-top: 0;
     border-bottom: none;
     padding-bottom: 0;
+    // to account for the margin of content elements
+    padding-bottom: 1em;
   }
 
   // Kill that stylish little circle that was on the border
@@ -267,4 +272,4 @@ a.fn-item {
 
 .site-footer a:hover {
   color: var(--sticky-menu-text-color);
-}
\ No newline at end of file
+}