diff --git a/src/application/services/useNote.ts b/src/application/services/useNote.ts
index 61911094..582f3a20 100644
--- a/src/application/services/useNote.ts
+++ b/src/application/services/useNote.ts
@@ -5,7 +5,7 @@ import type { NoteTool } from '@/domain/entities/Note';
 import { useRouter, useRoute } from 'vue-router';
 import type { NoteDraft } from '@/domain/entities/NoteDraft';
 import type EditorTool from '@/domain/entities/EditorTool';
-import useHeader from './useAppNavbar';
+import useAppNavbar from './useAppNavbar';
 import { getTitle } from '@/infrastructure/utils/note';
 
 /**
@@ -98,7 +98,7 @@ interface UseNoteComposableOptions {
  * @param options - note service options
  */
 export default function (options: UseNoteComposableOptions): UseNoteComposableState {
-  const { patchOpenedPageByUrl } = useHeader();
+  const { patchOpenedPageByUrl } = useAppNavbar();
   /**
    * Current note identifier
    */
diff --git a/src/presentation/pages/Settings.vue b/src/presentation/pages/Settings.vue
index 54570ab3..612a3b2c 100644
--- a/src/presentation/pages/Settings.vue
+++ b/src/presentation/pages/Settings.vue
@@ -168,9 +168,10 @@ import { useRouter } from 'vue-router';
 import useAuth from '@/application/services/useAuth';
 import { useUserSettings } from '@/application/services/useUserSettings';
 import { useAppState } from '@/application/services/useAppState';
+import { useHead } from 'unhead';
+import { ref } from 'vue';
 import useAppNavbar from '@/application/services/useAppNavbar';
 import ThreeColsLayout from '@/presentation/layouts/ThreeColsLayout.vue';
-import { ref } from 'vue';
 
 const { user, userEditorTools } = useAppState();
 const { t } = useI18n();