diff --git a/components/nav/NavSide.vue b/components/nav/NavSide.vue
index eaa1cd9f..8d5290e2 100644
--- a/components/nav/NavSide.vue
+++ b/components/nav/NavSide.vue
@@ -25,6 +25,8 @@ const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
     <NavSideItem :text="$t('nav.conversations')" to="/conversations" icon="i-ri:at-line" user-only :command="command" />
     <NavSideItem :text="$t('nav.favourites')" to="/favourites" :icon="useStarFavoriteIcon ? 'i-ri:star-line' : 'i-ri:heart-3-line'" user-only :command="command" />
     <NavSideItem :text="$t('nav.bookmarks')" to="/bookmarks" icon="i-ri:bookmark-line" user-only :command="command" />
+
+    <div class="spacer" shrink hidden sm:block />
     <NavSideItem :text="$t('action.compose')" to="/compose" icon="i-ri:quill-pen-line" user-only :command="command" />
 
     <div class="spacer" shrink hidden sm:block />
diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index 9fdd2c16..74850614 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -45,15 +45,6 @@ router.afterEach(() => {
           <div text-xl i-ri:arrow-left-line class="rtl-flip" btn-text />
         </NuxtLink>
       </CommonTooltip>
-      <CommonTooltip :content="$t('action.compose')">
-        <NuxtLink
-          to="/compose"
-          :aria-label="$t('action.compose')"
-          btn-action-icon
-        >
-          <div text-xl i-ri:quill-pen-line user-only class="rtl-flip" btn-text />
-        </NuxtLink>
-      </CommonTooltip>
     </div>
   </div>
 </template>