diff --git a/docs/content/1.getting-started/3.theming.md b/docs/content/1.getting-started/3.theming.md
index 9394cf41..77fb85c5 100644
--- a/docs/content/1.getting-started/3.theming.md
+++ b/docs/content/1.getting-started/3.theming.md
@@ -311,7 +311,7 @@ export default defineNuxtConfig({
 })
 ```
 
-### Custom config :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+### Custom config
 
 If you have specific needs, like using a custom icon collection, you can use the `icons` option in your `nuxt.config.ts` as an object to override the config of the [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons#plugin-options) plugin.
 
diff --git a/docs/content/2.elements/12.chip.md b/docs/content/2.elements/12.chip.md
index cb406124..f89dd9c8 100644
--- a/docs/content/2.elements/12.chip.md
+++ b/docs/content/2.elements/12.chip.md
@@ -1,7 +1,5 @@
 ---
 description: Display a chip indicator on any component.
-navigation:
-  badge: New
 links:
   - label: GitHub
     icon: i-simple-icons-github
diff --git a/docs/content/2.elements/7.icon.md b/docs/content/2.elements/7.icon.md
index e51347c1..264d5647 100644
--- a/docs/content/2.elements/7.icon.md
+++ b/docs/content/2.elements/7.icon.md
@@ -21,7 +21,7 @@ props:
 You won't be able to use any icon in the `name` prop here as icons are bundled using [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons), read more about this in [Theming](/getting-started/theming#icons).
 ::
 
-### Dynamic :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+### Dynamic
 
 You can use the `dynamic` prop to enable dynamic icon loading. This will use [`nuxt-icon`](https://github.com/nuxt-modules/icon) instead and allow you to use any icon from [Iconify](https://iconify.design/) as well as the `{collection_name}:{icon_name}` pattern.
 
diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md
index 1ae58d70..c15e3124 100644
--- a/docs/content/3.forms/4.select-menu.md
+++ b/docs/content/3.forms/4.select-menu.md
@@ -113,7 +113,7 @@ componentProps:
 ---
 ::
 
-#### Clear on close :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+#### Clear on close
 
 By default, the search query will be kept after the menu is closed. To clear it on close, set the `clear-search-on-close` prop.
 
diff --git a/docs/content/3.forms/7.toggle.md b/docs/content/3.forms/7.toggle.md
index cc5a9b8b..3028e8c4 100644
--- a/docs/content/3.forms/7.toggle.md
+++ b/docs/content/3.forms/7.toggle.md
@@ -26,7 +26,7 @@ props:
 ---
 ::
 
-### Size :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+### Size
 
 Use the `size` prop to change the size of the Toggle.
 
diff --git a/docs/content/3.forms/9.form-group.md b/docs/content/3.forms/9.form-group.md
index a962d021..605b22e7 100644
--- a/docs/content/3.forms/9.form-group.md
+++ b/docs/content/3.forms/9.form-group.md
@@ -163,7 +163,7 @@ code: >-
   This will only work with form elements that support the `size` prop.
 ::
 
-### Eager Validation :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+### Eager Validation
 
 By default, validation is only triggered after the initial `blur` event. This is to prevent the form from being validated as the user is typing. You can override this behavior by setting the `eager-validation` prop to `true`
 
diff --git a/docs/content/5.navigation/5.breadcrumb.md b/docs/content/5.navigation/5.breadcrumb.md
index 77e3372c..ae6d8aba 100644
--- a/docs/content/5.navigation/5.breadcrumb.md
+++ b/docs/content/5.navigation/5.breadcrumb.md
@@ -1,8 +1,6 @@
 ---
 title: Breadcrumb
 description: A list of links that indicate the current page's location within a navigational hierarchy.
-navigation:
-  badge: New
 ---
 
 ## Usage
diff --git a/docs/content/6.overlays/3.popover.md b/docs/content/6.overlays/3.popover.md
index d55767d2..31346e8d 100644
--- a/docs/content/6.overlays/3.popover.md
+++ b/docs/content/6.overlays/3.popover.md
@@ -25,7 +25,7 @@ Use the `open` prop to manually control showing the panel.
 
 :component-example{component="popover-example-open"}
 
-### Overlay :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+### Overlay
 
 :component-example{component="popover-example-overlay"}