Hr width is inherit rather than 100%

[liambellsage]

Description

The docs for the

---

element state that it has width: 100% by default but that isn't true, it actually has width: inherit
I noticed as a result that the Hr won't display inside a flex container that uses minWidth or maxWidth

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-pcjqn5?file=src%2FApp.tsx

Steps to reproduce

Render a Hr inside a Box that has display:flex and does not have a value for width

JIRA ticket numbers (Sage only)

No response

Suggested solution

Use width: 100% on Hr instead of width: inherit

Carbon version

133.0.0

Design tokens version

No response

Relevant browsers

Firefox, Chrome

Relevant OSs

Windows

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[DipperTheDan]

FE-6662