diff --git a/docs/essential/best-practice.md b/docs/essential/best-practice.md
index 7e255438..ea1733ec 100644
--- a/docs/essential/best-practice.md
+++ b/docs/essential/best-practice.md
@@ -191,7 +191,7 @@ Each file has its own responsibility:
 
 Feel free to adapt this structure to your needs and use any coding pattern you prefer.
 
-::: note
+::: tip
 You may get a warning when using `cookie.name` as it might be `undefined` depending on your TypeScript configuration.
 
 Elysia cookie can never be `undefined` because it's a Proxy object. `cookie` is always defined, only its value (via cookie.value) can be undefined.
diff --git a/docs/patterns/macro.md b/docs/patterns/macro.md
index 29c1c6d0..e28c2180 100644
--- a/docs/patterns/macro.md
+++ b/docs/patterns/macro.md
@@ -137,7 +137,7 @@ Macro can also register a new property to the context, allowing us to access the
 
 The field can accept anything ranging from string to function, allowing us to create a custom life cycle event.
 
-::: note
+::: tip
 **macro** will be executed in order from top-to-bottom according to the definition in the hook, ensuring that the stack is handled in the correct order.
 :::-->