diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index fe5477b2..cb50144f 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -88,11 +88,15 @@
                 <b-avatar size="2em" button>FT</b-avatar>
               </template>
               <span class="ps-3">V: {{ settingsStore.uiVersion }}</span>
-              <router-link class="dropdown-item" to="/settings">Settings</router-link>
+              <router-link to="/settings">
+                <b-dropdown-item-button> Settings </b-dropdown-item-button>
+              </router-link>
               <div class="ps-3">
                 <b-form-checkbox v-model="layoutStore.layoutLocked">Lock layout</b-form-checkbox>
               </div>
-              <b-dropdown-item @click="resetDynamicLayout">Reset Layout</b-dropdown-item>
+              <b-dropdown-item-button @click="resetDynamicLayout"
+                >Reset Layout</b-dropdown-item-button
+              >
               <router-link
                 v-if="botStore.botCount === 1"
                 class="dropdown-item"