diff --git a/src/website/src/pages/ec/components/separator/docs/usage.md b/src/website/src/pages/ec/components/separator/docs/usage.md
index 793d2ef7192..4ffa9a2ffb7 100644
--- a/src/website/src/pages/ec/components/separator/docs/usage.md
+++ b/src/website/src/pages/ec/components/separator/docs/usage.md
@@ -4,20 +4,20 @@ order: 1
---
The Separator component (implemented using the `
` HTML tag) is designed to visually divide sections of content or components within a layout. It provides a simple and clean way to organise information without adding additional margins or padding, making it ideal for quick content separation.
-## **Do's**
+## Do's
- ensure that the Separator is used to divide distinct content blocks or UI components in a way that enhances clarity and readability
-## **Don'ts**
+## Don'ts
- do not use Separators excessively, as it may clutter the design and confuse the user about the structure of the content
- avoid using the Separator for purely decorative purposes if it does not contribute to the content structure
-## **When to Use**
+## When to Use
- use when you need to quickly add dividers between components without modifying spacing above or below
- use within paragraphs to subtly separate ideas or sections of text that are conceptually distinct
-## **When Not to Use**
+## When Not to Use
- do not use to separate large blocks of content where more complex visual distinction (such as a background color) is needed