diff --git a/docs/content/2.components/alert.md b/docs/content/2.components/alert.md
index 5f025b66..30188319 100644
--- a/docs/content/2.components/alert.md
+++ b/docs/content/2.components/alert.md
@@ -163,13 +163,13 @@ This can be handy when you want to display HTML content. To achieve this, you ca
 
 :component-example{component="alert-example-html"}
 
-### `icon`
+### `icon` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#icon` slot to customize the displayed icon.
 
 :component-example{component="alert-example-icon"}
 
-### `avatar`
+### `avatar` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#avatar` slot to customize the displayable avatar.