diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 2f4f689ab..75173e1fc 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -29,7 +29,7 @@
                     </router-link>
                 </li>
                 <li v-if="$root.loggedIn" class="nav-item">
-                    <router-link to="/settings" class="nav-link">
+                    <router-link to="/settings" class="nav-link" :class="{ active: $route.path.includes('settings') }">
                         <font-awesome-icon icon="cog" /> {{ $t("Settings") }}
                     </router-link>
                 </li>