[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.