diff --git a/docs/components/checkbox-group/use-cases.md b/docs/components/checkbox-group/use-cases.md
index b30d7419c..8d01b7e1f 100644
--- a/docs/components/checkbox-group/use-cases.md
+++ b/docs/components/checkbox-group/use-cases.md
@@ -81,19 +81,13 @@ You can use `slot="label"` instead of the `label` attribute for defining more co
```html preview-story
-
+
-
+
-
+
```
diff --git a/docs/components/radio-group/use-cases.md b/docs/components/radio-group/use-cases.md
index 97195fa69..b6c705531 100644
--- a/docs/components/radio-group/use-cases.md
+++ b/docs/components/radio-group/use-cases.md
@@ -86,19 +86,13 @@ You can use `slot="label"` instead of the `label` attribute for defining more co
export const label = () => html`
-
+
-
+
-
+
`;