diff --git a/docs/content/1.getting-started/4.shortcuts.md b/docs/content/1.getting-started/4.shortcuts.md
index 2d5d84ed..8e8e164d 100644
--- a/docs/content/1.getting-started/4.shortcuts.md
+++ b/docs/content/1.getting-started/4.shortcuts.md
@@ -48,7 +48,7 @@ defineShortcuts({
 </script>
 ```
 
-Shortcuts keys are written as the literal keyboard key value. Combinations are made with `_` separator. Chained shortcuts are made with `-` separator. :u-badge{label="New" class="!rounded-full"}
+Shortcuts keys are written as the literal keyboard key value. Combinations are made with `_` separator. Chained shortcuts are made with `-` separator.
 
 Modifiers are also available:
 - `meta`: acts as `Command` for MacOS and `Control` for others
diff --git a/docs/content/2.elements/1.avatar.md b/docs/content/2.elements/1.avatar.md
index 6ad9964d..44fa42b5 100644
--- a/docs/content/2.elements/1.avatar.md
+++ b/docs/content/2.elements/1.avatar.md
@@ -32,7 +32,7 @@ baseProps:
 
 ### Chip
 
-Use the `chip-color`, `chip-text` :u-badge{label="New" class="!rounded-full"} and `chip-position` props to display a chip on the Avatar.
+Use the `chip-color`, `chip-text` and `chip-position` props to display a chip on the Avatar.
 
 ::component-card
 ---
diff --git a/docs/content/2.elements/5.accordion.md b/docs/content/2.elements/5.accordion.md
index 97c118eb..90b2ac84 100644
--- a/docs/content/2.elements/5.accordion.md
+++ b/docs/content/2.elements/5.accordion.md
@@ -8,7 +8,7 @@ links:
     icon: i-simple-icons-headlessui
     to: 'https://headlessui.com/vue/disclosure'
 navigation:
-  badge: 'Edge'
+  badge: New
 ---
 
 ## Usage
diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md
index ed48128a..aa926bdf 100644
--- a/docs/content/3.forms/4.select-menu.md
+++ b/docs/content/3.forms/4.select-menu.md
@@ -149,7 +149,7 @@ props:
 ---
 ::
 
-### Async search
+### Async search :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
 
 Pass a function to the `searchable` prop to customize the search behavior and filter options according to your needs. The function will receive the query as its first argument and should return an array.
 
diff --git a/docs/content/3.forms/5.checkbox.md b/docs/content/3.forms/5.checkbox.md
index e5e6f232..f77339de 100644
--- a/docs/content/3.forms/5.checkbox.md
+++ b/docs/content/3.forms/5.checkbox.md
@@ -39,7 +39,7 @@ props:
 ---
 ::
 
-### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### Style
 
 Use the `color` prop to change the style of the Checkbox.
 
diff --git a/docs/content/3.forms/6.radio.md b/docs/content/3.forms/6.radio.md
index 4280d753..cf453edb 100644
--- a/docs/content/3.forms/6.radio.md
+++ b/docs/content/3.forms/6.radio.md
@@ -53,7 +53,7 @@ props:
 ---
 ::
 
-### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### Style
 
 Use the `color` prop to change the style of the Radio.
 
diff --git a/docs/content/3.forms/7.toggle.md b/docs/content/3.forms/7.toggle.md
index 275328a5..06a9221c 100644
--- a/docs/content/3.forms/7.toggle.md
+++ b/docs/content/3.forms/7.toggle.md
@@ -29,7 +29,7 @@ const selected = ref(false)
 ```
 ::
 
-### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### Style
 
 Use the `color` prop to change the style of the Toggle.
 
diff --git a/docs/content/3.forms/8.range.md b/docs/content/3.forms/8.range.md
index 1abb24fe..bcd272f8 100644
--- a/docs/content/3.forms/8.range.md
+++ b/docs/content/3.forms/8.range.md
@@ -4,8 +4,6 @@ links:
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/forms/Range.vue
-navigation:
-  badge: New
 ---
 
 ## Usage
diff --git a/docs/content/4.data/1.table.md b/docs/content/4.data/1.table.md
index adf5a939..959823d0 100644
--- a/docs/content/4.data/1.table.md
+++ b/docs/content/4.data/1.table.md
@@ -75,7 +75,7 @@ Use the `columns` prop to configure which columns to display. It's an array of o
 - `key` - The field to display from the row data.
 - `sortable` - Whether the column is sortable. Defaults to `false`.
 - `direction` - The sort direction to use on first click. Defaults to `asc`.
-- `class` - The class to apply to the column cells.
+- `class` :u-badge{label="New" class="!rounded-full"} - The class to apply to the column cells.
 
 ::component-example{class="grid"}
 ---
@@ -327,7 +327,7 @@ const selected = ref([people[1]])
 You can use the `by` prop to compare objects by a field instead of comparing object instances. We've replicated the behavior of Headless UI [Combobox](https://headlessui.com/vue/combobox#binding-objects-as-values).
 ::
 
-You can alsso add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument.
+You can also add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument. :u-badge{label="New" class="!rounded-full"}
 
 You can use this to navigate to a page, open a modal or even to select the row manually.
 
diff --git a/docs/content/6.overlays/1.modal.md b/docs/content/6.overlays/1.modal.md
index ccc43188..28ed67ea 100644
--- a/docs/content/6.overlays/1.modal.md
+++ b/docs/content/6.overlays/1.modal.md
@@ -125,7 +125,7 @@ const isOpen = ref(false)
 ```
 ::
 
-### Prevent close
+### Prevent close :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
 
 Use the `prevent-close` prop to disable the outside click alongside the `esc` keyboard shortcut.
 
diff --git a/docs/content/6.overlays/2.slideover.md b/docs/content/6.overlays/2.slideover.md
index 0de34452..3ca4b186 100644
--- a/docs/content/6.overlays/2.slideover.md
+++ b/docs/content/6.overlays/2.slideover.md
@@ -124,7 +124,7 @@ const isOpen = ref(false)
 ```
 ::
 
-### Prevent close
+### Prevent close :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
 
 Use the `prevent-close` prop to disable the outside click alongside the `esc` keyboard shortcut.