diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index 3e442316..2765a2cb 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -34,15 +34,22 @@ router.afterEach(() => {
       </div>
     </NuxtLink>
     <div
-      hidden xl:flex items-center me-8 mt-2
-      :class="{ 'pointer-events-none op0': !back || back === '/', 'xl:flex': $route.name !== 'tag' }"
+      hidden xl:flex items-center me-8 mt-2 gap-1
     >
-      <NuxtLink
-        :aria-label="$t('nav.back')"
-        @click="$router.go(-1)"
-      >
-        <div i-ri:arrow-left-line class="rtl-flip" btn-text />
-      </NuxtLink>
+      <CommonTooltip :content="$t('nav.back')">
+        <NuxtLink
+          :aria-label="$t('nav.back')"
+          :class="{ 'pointer-events-none op0': !back || back === '/', 'xl:flex': $route.name !== 'tag' }"
+          @click="$router.go(-1)"
+        >
+          <div text-xl i-ri:arrow-left-line class="rtl-flip" btn-text />
+        </NuxtLink>
+      </CommonTooltip>
+      <CommonTooltip :content="$t('action.compose')">
+        <button :aria-label="$t('action.compose')" btn-action-icon @click="openPublishDialog('compose')">
+          <div text-xl i-ri:quill-pen-line user-only class="rtl-flip" btn-text />
+        </button>
+      </CommonTooltip>
     </div>
   </div>
 </template>