diff --git a/assets/scss/grid.scss b/assets/scss/grid.scss
index 73fcdfc..f36ed34 100644
--- a/assets/scss/grid.scss
+++ b/assets/scss/grid.scss
@@ -112,8 +112,6 @@ main.main {
     padding-top: var(--main-top-padding);
 }
 
-.main-grid {
-    @media (max-width: $on-phone) {
-        flex-direction: column;
-    }
-}
+.main-container {
+    min-height: 100vh;
+}
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index ad5f295..ce0ddae 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -6,7 +6,7 @@
     </head>
     <body class="{{ block `body-class` . }}{{ end }}">
         {{- partial "head/colorScheme" . -}}
-        <div class="container flex on-phone--column {{ if .Site.Params.widgets.enabled }}extended{{ else }}compact{{ end }} {{ block `container-class` . }}{{end}}">
+        <div class="container main-container flex on-phone--column {{ if .Site.Params.widgets.enabled }}extended{{ else }}compact{{ end }} {{ block `container-class` . }}{{end}}">
             {{ partial "sidebar/left.html" . }}
             <main class="main full-width">
                 {{- block "main" . }}{{- end }}
