diff --git a/src/App.vue b/src/App.vue
index 27b3d7d..2066e12 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,6 +42,7 @@ export default {
 </script>
 
 <style>
+
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -70,6 +71,10 @@ export default {
     background-color: #333;
 }
 
+.nav li {
+    flex: 1;
+}
+
 /* Style the links inside the navigation bar */
 .nav a {
     display: inline-block;
@@ -80,7 +85,7 @@ export default {
 }
 
 /* Have active route use different color */
-.nav a.active {
+.nav li:has(> a.active) {
     background-color: #4CAF50;
     color: white;
 }