diff --git a/src/components/css/App.css b/src/components/css/App.css
index bb99752..6a9d084 100644
--- a/src/components/css/App.css
+++ b/src/components/css/App.css
@@ -73,6 +73,6 @@ html, body {
         flex-direction: column-reverse;
     }
     .App .app-content {
-        margin-bottom: 5.5rem;
+        margin-bottom: 4rem;
     }
 }
\ No newline at end of file
diff --git a/src/components/css/Navigation.css b/src/components/css/Navigation.css
index 6a1b74b..ae25fbb 100644
--- a/src/components/css/Navigation.css
+++ b/src/components/css/Navigation.css
@@ -58,18 +58,19 @@
         position:fixed;
         bottom:0;
         left:0;
-        height: 5.5rem;
+        height: 4rem;
         justify-content: space-around;
         width:100vw;
     }
 
     .Navigation a, .Navigation button {
-        height: 5.5rem;
+        font-size: small;
+        height: 4rem;
     }
 
     .Navigation a:hover, .Navigation button:hover {
         background-color: #2F2F32;
-        height:5.5rem;
+        height:4rem;
         transition: background-color 300ms ease-out;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;