diff --git a/pages/cloudflare/caching.mdx b/pages/cloudflare/caching.mdx
index 7e6c0b4..70072ad 100644
--- a/pages/cloudflare/caching.mdx
+++ b/pages/cloudflare/caching.mdx
@@ -9,9 +9,9 @@ By default, all `fetch()` subrequests made in your Next.js app are cached. Refer
 
 [The cache persists across deployments](https://nextjs.org/docs/app/building-your-application/caching#data-cache). You are responsible for revalidating/purging this cache.
 
-:::note
+<Callout>
 Workers KV is eventually consistent, which means that it can take up to 60 seconds for updates to be reflected globally, when using the default TTL of 60 seconds.
-:::
+</Callout>
 
 ### How to enable caching
 
@@ -35,4 +35,4 @@ id = "<YOUR_NAMESPACE_ID>"
 
 ### 3. Set the name of the binding to `NEXT_CACHE_WORKERS_KV`
 
-As shown above, the name of the binding that you configure for the KV namespace must be set to `NEXT_CACHE_WORKERS_KV`.
\ No newline at end of file
+As shown above, the name of the binding that you configure for the KV namespace must be set to `NEXT_CACHE_WORKERS_KV`.