Numbered lists in sidebars cut off the left side of numbers (especially for >1 digit numbers)

[MHLoppy]

Describe the bug
Ordered lists (<ol> / <li> HTML tags) in sidebars appear to cut off the left-most section of text. For single-digit numbers this is mostly aesthetic and the numbers are still highly legible because only a couple (?) of pixels get cut off at normal font sizes, but for numbers of 10+, the entire non-last digit risks getting cut off.

This seems to happen on both desktop and mobile regardless in multiple browsers.

On which Mbin instance did you find the bug?
Fedia.io ( https://fedia.io )

Which Mbin version was running on the instance?
1.7.3

To Reproduce
Steps to reproduce the behavior:

1. Go to a magazine/community that uses numbered lists in its sidebar e.g., https://fedia.io/m/[email protected] .
2. View sidebar.
3. Observe that the left side of the numbers in the rules list is cut off, most notably that rule "10" displays as rule "0" and rule "11" displays as rule "1".

Expected behavior
I would expect that the starting position of text shifts to the right to fully accommodate numbered lists.

Screenshots
(from Firefox on desktop)

Note that the missing numbers are still there (just hidden), as demonstrated by adding some arbitrary margin to the element:

Desktop (please complete the following information):

• OS: Windows 10 Pro 22H2 (build 19045.5247)
• Browsers: Firefox 133.0.3, also tested on Brave 1.73.101

Smartphone (please complete the following information):

• Device: Asus Zenfone 9
• OS: Android 14
• Browser: Firefox (mobile) 133.0.3

Additional context
N/A

[jac-collab]

It seems like a CSS issue with the padding/margin or overflow settings for ordered lists in sidebars. Adjusting the list item's padding or ensuring proper text alignment should resolve it. This should be checked across different screen sizes and browsers to maintain consistency.