ok

assets/css/style.css

@@ -87,6 +87,8 @@
 .dropdown-item:focus, .dropdown-item:hover {
     color: white;
     background-color: #e9c046;
+    border-radius: 10px;
+    margin-top: 2px;
 }
 
 .dropdown-item:focus, .dropdown-item:hover svg path{
@@ -94,14 +96,26 @@
 }
 .nav-link{
     color: black;
+    border-radius: 10px;
+
 }
 .nav-link:hover{
     background-color: #e9c046;
     color: white !important;
+    border-radius: 10px;
 }
 .nav-link:hover svg path {
    fill: white;
 }
 .nav-link:hover svg rect {
     fill: white;
+}
+
+
+.nav-icons.router-link-exact-active{
+    fill: white;
+    background-color: #e9c046;
+}
+.nav-icons.router-link-exact-active svg path{
+    fill: white;
 }

pages/adaptivesoundscap.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="background-color: #9ba4a9;padding-bottom: 100px">
+  <div style="background-color: #9ba4a9;height: 100vh">
 
 
   <home-bar :title="title" />