[BUG] Notes section icon prevents characters from being selected

[rylnd]

Documentation links

An example can be found on https://www.elastic.co/guide/en/security/current/add-exceptions.html in the Notes section.

Description

Description

I believe this is a more general issue than just security-docs, but I'm starting here and we can triage/transfer appropriately.

For any given Notes section, the notes icon (and its ::after content of "NOTE") occludes part of the notes text, resulting in the first character

Steps to Reproduce

1. Navigate to a docs page with a Notes section
2. Attempt to select just the second line (or, more specifically, the first character of the second line) of content with a mouse

Screen Recording

Screen.Recording.2024-02-09.at.2.37.13.PM.mov

Note also that if the note content is in e.g. an <ul>, the extra margin added to the <li> content prevents this issue from happening.

Which documentation set(s) does this bug apply to?

ESS and serverless

Release version

No response

Testing environment

No test data/environment is needed.

[florent-leborgne]

We cannot reproduce this as of today. If you're still experiencing this issue, please reopen the issue and provide more details, such as the browser and version that you're using.

Thank you!