diff --git a/frontends/ycdl_flask/static/css/common.css b/frontends/ycdl_flask/static/css/common.css
index 7dc7bca..a1376a0 100644
--- a/frontends/ycdl_flask/static/css/common.css
+++ b/frontends/ycdl_flask/static/css/common.css
@@ -29,7 +29,7 @@ getComputedStyle(document.documentElement).getPropertyValue("--narrow").trim() =
 
 html
 {
-    height: 100vh;
+    min-height: 100vh;
     box-sizing: border-box;
     color: var(--color_text_normal);
 }
@@ -48,7 +48,7 @@ body
         "content_body" 1fr
         /1fr;
 
-    min-height: 100%;
+    min-height: 100vh;
     margin: 0;
     padding: 8px;
     grid-row-gap: 8px;
diff --git a/frontends/ycdl_flask/static/css/ycdl.css b/frontends/ycdl_flask/static/css/ycdl.css
index 6369943..87e3e26 100644
--- a/frontends/ycdl_flask/static/css/ycdl.css
+++ b/frontends/ycdl_flask/static/css/ycdl.css
@@ -20,6 +20,11 @@ belong in common.css because they are specifically for this project.
     --color_highlight: rgba(255, 255, 255, 0.5);
 }
 
+.navigation_link:hover
+{
+    background-color: var(--color_secondary);
+}
+
 #content_body
 {
     justify-self: center;