diff --git a/src/common/components/HeaderComponent.vue b/src/common/components/HeaderComponent.vue
index ff2f8c1..36cae77 100644
--- a/src/common/components/HeaderComponent.vue
+++ b/src/common/components/HeaderComponent.vue
@@ -58,6 +58,7 @@ header h1 {
   flex: 1;
   text-align: center;
   text-shadow: 2px 2px 1px #e0bfff;
+  padding-bottom: 4px;
 }
 
 .reload-icon {
diff --git a/src/common/components/NavbarComponent.vue b/src/common/components/NavbarComponent.vue
index d2aa9a5..44733da 100644
--- a/src/common/components/NavbarComponent.vue
+++ b/src/common/components/NavbarComponent.vue
@@ -103,7 +103,7 @@ export default {
 .navbar {
   background-color: #9400ff;
   overflow: visible;
-  min-height: 47px;
+  min-height: 31px;
   display: inline-flex;
   flex-direction: column;
   width: auto;
@@ -138,7 +138,7 @@ export default {
   display: block;
   color: white;
   text-align: center;
-  padding: 14px 20px;
+  padding: 6px 20px;
   text-decoration: none;
   font-weight: bold;
 }