[@mantine/core] List elements don't have the correct width.

[gl3nn]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.6.1

What package has an issue?

@mantine/core

What framework do you use?

create-react-app (CRA)

In which browsers you can reproduce the issue?

All

Describe the bug

The width of the list elements is too wide. It seems to not wrap when it should which has most likely to do something with the marker in front.

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

I think the CSS needs to be adjusted.

Self-service

• I would be willing to implement a fix for this issue

[gl3nn]

I solved this for myself by overwriting the styling with:

  list-style-position: outside;
  margin-left: 1.5rem;

[rtivital]

It was discussed previously in #2778
This behavior is not planned to be changed.