diff --git a/docs/3.api/2.composables/use-preview-mode.md b/docs/3.api/2.composables/use-preview-mode.md
index 3af249e023..360350f19e 100644
--- a/docs/3.api/2.composables/use-preview-mode.md
+++ b/docs/3.api/2.composables/use-preview-mode.md
@@ -24,7 +24,8 @@ export function useMyPreviewMode () {
       return !!route.query.customPreview
     }
   });
-}```
+}
+```
 
 ### Modify default state
 
@@ -40,7 +41,7 @@ const { enabled, state } = usePreviewMode({
 })
 ```
 
-::alert{icon=👉}
+::note
 The `getState` function will append returned values to current state, so be careful not to accidentally overwrite important state.
 ::