Inline-code formatting has some extra padding on the left side when it's inside a numbered lists

[alez156]

I noticed that when using inline-code formatting and it's located inside a numbered list, it will add some extra padding on the left side to the inline code. It looks like this: You can see it live here: https://reapertips.webflow.io/post/how-to-install-reapack

This padding doesn't occur when it's not in numbered/bullet list as you can see here:

This is not big priority, it just looks a bit weird~

Thank you!

[mchlkucera]

Please tweak your .inline-block class. Remove the display: inline-block, remove the padding and add padding: 0.1rem 0.2rem. When the element has a display of inline-block it behaves unexpectedly (as a list child element).

Don't forget to close the issue if this solves your problem:-)

[alez156]

Beautiful! 💙 works great! Thank you.