diff --git a/src/components/ModalInFile.svelte b/src/components/ModalInFile.svelte
index bed06ea..309e2a9 100644
--- a/src/components/ModalInFile.svelte
+++ b/src/components/ModalInFile.svelte
@@ -92,11 +92,10 @@ function moveIndex(dir: 1 | -1): void {
   scrollIntoView()
 }
 
-function scrollIntoView(): void {
-  tick().then(() => {
-    const elem = document.querySelector(`[data-result-id="${selectedIndex}"]`)
-    elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
-  })
+async function scrollIntoView(): Promise<void> {
+  await tick()
+  const elem = document.querySelector(`[data-result-id="${selectedIndex}"]`)
+  elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
 }
 
 async function openSelection(): Promise<void> {
diff --git a/src/components/ModalVault.svelte b/src/components/ModalVault.svelte
index 4e97592..3e792ed 100644
--- a/src/components/ModalVault.svelte
+++ b/src/components/ModalVault.svelte
@@ -78,15 +78,14 @@ function moveIndex(dir: 1 | -1): void {
   scrollIntoView()
 }
 
-function scrollIntoView(): void {
-  tick().then(() => {
-    if (selectedNote) {
-      const elem = document.querySelector(
-        `[data-result-id="${selectedNote.path}"]`
-      )
-      elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
-    }
-  })
+async function scrollIntoView(): Promise<void> {
+  await tick()
+  if (selectedNote) {
+    const elem = document.querySelector(
+      `[data-result-id="${selectedNote.path}"]`
+    )
+    elem?.scrollIntoView({ behavior: "auto", block: "nearest" })
+  }
 }
 </script>