diff --git a/assets/css/style.css b/assets/css/style.css
index 3545052..7e30596 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -96,7 +96,7 @@
 }
 .nav-link:hover{
     background-color: #e9c046;
-    color: white;
+    color: white !important;
 }
 .nav-link:hover svg path {
    fill: white;
diff --git a/components/homebar.vue b/components/homebar.vue
index 9917350..a79baa3 100644
--- a/components/homebar.vue
+++ b/components/homebar.vue
@@ -3,9 +3,9 @@
       <div class="container-fluid">
         <div class="row pt-3">
           <div class=" pt-md-1   pt-lg-1 col-sm-12 col-12 col-md-3 col-lg-3">
-            <a class="navbar-brand  " href="#">
+            <nuxt-link class="navbar-brand  " to="/">
               <img src="/svglogo.svg" height="35" class="img w-100" alt="imae">
-            </a>
+            </nuxt-link>
           </div>
           <div class="col-12 col-md-5 col-lg-6 text-center">
             <a class="text-decoration-none fs-3 fw-bolder text-white " aria-current="page" href="#">{{ title }}</a>
diff --git a/pages/setting.vue b/pages/setting.vue
index 96763ff..cae8dc3 100644
--- a/pages/setting.vue
+++ b/pages/setting.vue
@@ -9,44 +9,44 @@
             <span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span>
           </a>
           <ul class="nav  flex-column mb-sm-auto mb-0 align-items-center w-100 align-items-sm-start" id="menu">
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 pb-md-1 w-100 ">
               <nuxt-link to="/setting" class="nav-link px-3 py-3 list-active align-middle px-0 active text-muted fw-bold">
                 <i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Account</span>
               </nuxt-link>
             </li>
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 pb-md-1 w-100 ">
               <nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
               </nuxt-link>
             </li>
-            <li class="nav-item py-0 w-100 ">
-              <nuxt-link to="/setting/soundscap" class=" px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
+            <li class="nav-item pb-md-1 py-0 w-100 ">
+              <nuxt-link to="/setting/soundscap" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
               </nuxt-link>
             </li>
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 pb-md-1 w-100 ">
               <nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
               </nuxt-link>
             </li>
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 pb-md-1 w-100 ">
               <nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
               </nuxt-link>
             </li>
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 w-100 pb-md-1 ">
               <nuxt-link to="/setting/imprint" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
               </nuxt-link>
             </li>
 
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 w-100 pb-md-1 ">
               <nuxt-link to="/setting/dataprotection" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Data Protection</span>
               </nuxt-link>
             </li>
 
-            <li class="nav-item py-0 w-100 ">
+            <li class="nav-item py-0 w-100 pb-md-1 ">
               <nuxt-link to="/setting/termsandcondition" class="nav-link px-3 py-3 list-active align-middle px-0  text-muted fw-bold">
                 <i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Terms & Conditions</span>
               </nuxt-link>