diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index d06ce79..9dfe52c 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -1,11 +1,5 @@
 <script lang="ts" setup>
-import {
-  computed,
-  defineAsyncComponent,
-  onMounted,
-  ref,
-  watch
-} from "vue"
+import { computed, defineAsyncComponent, onMounted, ref, watch } from "vue"
 
 import { useEditionMode } from "@/hooks/useEditionMode"
 import { useFile } from "@/hooks/useFile.hook"
@@ -217,8 +211,7 @@ useMarkdownPostRender(content, () => `.note-${sha.value}`, {
   macroplan: true,
   mermaid: () => rawContent.value.includes("```mermaid"),
   shikiji: () => isMarkdown.value && rawContent.value.includes("```"),
-  images: () =>
-    /\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null,
+  images: () => (/\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null),
   triggers: [mode]
 })
 
@@ -508,7 +501,7 @@ const onBadgeClick = async () => {
           <span>You're viewing an older shared version.</span>
           <button
             type="button"
-            class="snapshot-banner-action"
+            class="btn bt-sm btn-soft btn-info"
             @click="viewLatest"
           >
             View latest
@@ -607,16 +600,6 @@ $border-color: rgba(18, 19, 58, 0.2);
   font-size: 0.85em;
 }
 
-.snapshot-banner-action {
-  flex-shrink: 0;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: var(--color-primary);
-  cursor: pointer;
-  text-decoration: underline;
-}
-
 .action {
   margin: 0;