set top and bottom padding on the bars to be equal because it was too top-heavy

src/App.scss

@@ -108,7 +108,7 @@ main-router {
 .panel-heading {
     border-radius: 0.5em 0.5em 0 0;
     background-size: cover;
-    padding: 0.6em 0 0.5em;
+    padding: 0.6em 0;
     text-align: center;
     font-size: 1.3em;
     line-height: 24px;

src/components/nav_panel/nav_panel.vue

@@ -39,7 +39,7 @@
 
  .nav-panel li {
      border-bottom: 1px solid;
-     padding: 0.75em 0.85em 0.6em;
+     padding: 0.8em 0.85em;
  }
 
  .nav-panel li:last-child {