diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 0e1a3b6..8a76fd3 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -142,7 +142,7 @@ watch(mode, async (newMode) => {
   >
     <a
       class="title-stacked-note-link"
-      @click.prevent="scrollToFocusedNote(props.sha)"
+      @click.prevent="scrollToFocusedNote({ noteId: props.sha })"
     >
       <div
         class="title-stacked-note breadcrumbs text-sm"
diff --git a/src/components/StackedPublicNote.vue b/src/components/StackedPublicNote.vue
index 6cd4a01..f51785a 100644
--- a/src/components/StackedPublicNote.vue
+++ b/src/components/StackedPublicNote.vue
@@ -97,7 +97,7 @@ watch(
   >
     <a
       class="title-stacked-note-link"
-      @click.prevent="scrollToFocusedNote(didrkey)"
+      @click.prevent="scrollToFocusedNote({ noteId: didrkey })"
     >
       <div
         class="title-stacked-note breadcrumbs text-sm"
diff --git a/src/hooks/useATProtoLinks.hook.ts b/src/hooks/useATProtoLinks.hook.ts
index 8cb626f..50278ec 100644
--- a/src/hooks/useATProtoLinks.hook.ts
+++ b/src/hooks/useATProtoLinks.hook.ts
@@ -50,7 +50,7 @@ export const useATProtoLinks = (
         : `${params.shortDid}-${params.rkey}`
 
       if (noteId === toValue(mainNoteId)) {
-        scrollToFocusedNote(null)
+        scrollToFocusedNote()
         return
       }
 
@@ -67,7 +67,7 @@ export const useATProtoLinks = (
       const noteId = `${toShortDid(did)}-${rkey}`
 
       if (noteId === toValue(mainNoteId)) {
-        scrollToFocusedNote(null)
+        scrollToFocusedNote()
         return
       }
 
diff --git a/src/hooks/useRouteQueryStackedNotes.hook.ts b/src/hooks/useRouteQueryStackedNotes.hook.ts
index fdd79db..b4a7e3f 100644
--- a/src/hooks/useRouteQueryStackedNotes.hook.ts
+++ b/src/hooks/useRouteQueryStackedNotes.hook.ts
@@ -23,6 +23,7 @@ export const useRouteQueryStackedNotes = () => {
   const scrollToHashInNote = (
     cleanSha: string,
     hash: string,
+    smooth: boolean,
     attempts = 30
   ) => {
     if (attempts <= 0) {
@@ -33,20 +34,32 @@ export const useRouteQueryStackedNotes = () => {
       `.note-${cleanSha} #${CSS.escape(hash)}`
     )
     if (heading) {
-      heading.scrollIntoView({ block: "start", inline: "nearest" })
+      heading.scrollIntoView({
+        block: "start",
+        inline: "nearest",
+        behavior: smooth ? "smooth" : "auto"
+      })
       return
     }
 
     requestAnimationFrame(() => {
-      scrollToHashInNote(cleanSha, hash, attempts - 1)
+      scrollToHashInNote(cleanSha, hash, smooth, attempts - 1)
     })
   }
 
-  const scrollToFocusedNote = (
-    noteId: string | null = null,
-    notes: string[] = stackedNotes.value,
+  type ScrollToFocusedNoteOptions = {
+    noteId?: string | null
+    notes?: string[]
     hash?: string
-  ) => {
+    smoothHash?: boolean
+  }
+
+  const scrollToFocusedNote = ({
+    noteId = null,
+    notes = stackedNotes.value,
+    hash,
+    smoothHash = false
+  }: ScrollToFocusedNoteOptions = {}) => {
     nextTick(() => {
       const index = noteId ? notes.findIndex((nid) => nid === noteId) : 0
 
@@ -72,7 +85,7 @@ export const useRouteQueryStackedNotes = () => {
       }
 
       if (hash && noteId) {
-        scrollToHashInNote(noteId.replaceAll(":", "-"), hash)
+        scrollToHashInNote(noteId.replaceAll(":", "-"), hash, smoothHash)
       }
     })
   }
@@ -84,7 +97,11 @@ export const useRouteQueryStackedNotes = () => {
     hash?: string
   ) => {
     if (stackedNotes.value.includes(sha)) {
-      scrollToFocusedNote(selector ?? sha, stackedNotes.value, hash)
+      scrollToFocusedNote({
+        noteId: selector ?? sha,
+        hash,
+        smoothHash: true
+      })
       return
     }
 
@@ -104,7 +121,7 @@ export const useRouteQueryStackedNotes = () => {
       stackedNotes.value = newStackedNotes
     }
 
-    scrollToFocusedNote(selector ?? sha, stackedNotes.value, hash)
+    scrollToFocusedNote({ noteId: selector ?? sha, hash })
   }
 
   return {