diff --git a/src/components/NewVersion.vue b/src/components/NewVersion.vue
index 94786cb..5b8b963 100644
--- a/src/components/NewVersion.vue
+++ b/src/components/NewVersion.vue
@@ -44,7 +44,7 @@ const close = async () => {
   bottom: 0;
   margin: 1rem;
   padding: 0.5rem;
-  width: 200px;
+  width: 220px;
   color: var(--primary-color);
   border: var(--primary-color) 2px solid;
   border-radius: 4px;
diff --git a/src/components/SignInGithub.vue b/src/components/SignInGithub.vue
index 31e85bf..232775a 100644
--- a/src/components/SignInGithub.vue
+++ b/src/components/SignInGithub.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-
 const GITHUB_URL = 'https://github.com/login/oauth/authorize'
 
 const CLIENT_ID = 'Iv1.12dc43d013ce3623'
diff --git a/src/hooks/useImages.hook.ts b/src/hooks/useImages.hook.ts
index da83c14..f872e67 100644
--- a/src/hooks/useImages.hook.ts
+++ b/src/hooks/useImages.hook.ts
@@ -12,33 +12,39 @@ export const useImages = (sha: string) => {
     () => store.files.find((file) => file.sha === sha)?.path
   )
 
-  watch(currentFilePath, (filePath) => {
-    if (!filePath) {
-      return
-    }
-
-    const images = document.querySelectorAll(`.note-${sha} img`)
-
-    images.forEach(async (image) => {
-      const src = image.getAttribute('src')
-      if (!src || src.startsWith(SRC_PREFIX)) {
+  watch(
+    currentFilePath,
+    (filePath) => {
+      if (!filePath) {
         return
       }
 
-      const imageFilePath = resolvePath(
-        filePath,
-        image.getAttribute('src') ?? ''
-      )
+      const images = document.querySelectorAll(`.note-${sha} img`)
 
-      const imageFile = store.files.find((file) => file.path === imageFilePath)
+      images.forEach(async (image) => {
+        const src = image.getAttribute('src')
+        if (!src || src.startsWith(SRC_PREFIX)) {
+          return
+        }
 
-      if (!imageFile?.sha) {
-        return
-      }
-      const { getCachedFileContent } = useFile(imageFile.sha, false)
+        const imageFilePath = resolvePath(
+          filePath,
+          image.getAttribute('src') ?? ''
+        )
 
-      const fileContent = await getCachedFileContent()
-      image.setAttribute('src', `${SRC_PREFIX} ${fileContent}`)
-    })
-  })
+        const imageFile = store.files.find(
+          (file) => file.path === imageFilePath
+        )
+
+        if (!imageFile?.sha) {
+          return
+        }
+        const { getCachedFileContent } = useFile(imageFile.sha, false)
+
+        const fileContent = await getCachedFileContent()
+        image.setAttribute('src', `${SRC_PREFIX} ${fileContent}`)
+      })
+    },
+    { immediate: true }
+  )
 }
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 2d2b26a..28da44a 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,5 +1,5 @@
 @charset "utf-8";
-@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Courgette&family=IBM+Plex+Serif&family=Kiwi+Maru&family=Maven+Pro&family=Noto+Sans+KR&family=Tajawal&family=Domine&family=Amiri&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Courgette&family=IBM+Plex+Serif&family=Kiwi+Maru&family=Maven+Pro&family=Noto+Sans+KR&family=Tajawal&family=Domine&family=Amiri&display=swap&family=Montagu+Slab&family=Gowun+Batang&family=Cormorant+Garamond&family=forum');
 
 /**
   font-family: 'Courgette', cursive;