diff --git a/src/App.vue b/src/App.vue
index af60c11b..853a11d9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -26,7 +26,7 @@
 
       <template #footer>
         <ul class="app-navigation__settings">
-          <NcAppNavigationItem :name="t('memories', 'Settings')" @click="showSettings">
+          <NcAppNavigationItem :name="t('memories', 'Settings')" @click="showSettings" href="#ss">
             <CogIcon slot="icon" :size="20" />
           </NcAppNavigationItem>
         </ul>
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index 4a8bd617..5440e83f 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -226,10 +226,23 @@ export default defineComponent({
     },
   },
 
+  watch: {
+    open(value: boolean) {
+      utils.fragment.if(value, utils.fragment.types.settings);
+    },
+  },
+
   mounted() {
     if (this.isNative) {
       this.refreshNativeConfig();
     }
+
+    // Fragment navigation
+    utils.bus.on('memories:fragment:pop:settings', this.onClose);
+  },
+
+  beforeDestroy() {
+    utils.bus.off('memories:fragment:pop:settings', this.onClose);
   },
 
   methods: {
diff --git a/src/services/utils/fragment.ts b/src/services/utils/fragment.ts
index 4fd6f17b..c87f573a 100644
--- a/src/services/utils/fragment.ts
+++ b/src/services/utils/fragment.ts
@@ -7,6 +7,7 @@ enum FragmentType {
   modal = 'm',
   sidebar = 'i',
   editor = 'e',
+  settings = 'ss',
 }
 
 /** Names of fragments */