Border of "Leave Bed" button and component behind it can be focused at the same time

The bug

It is possible that the "Leave Bed" button shown while sleeping and the component behind it have mouse focus at the same time. Might affect all buttons in general.

Reproduction steps

1. Place a bed
2. Set the time to night

   /time set night
   

3. Run the following command

   /tellraw @s {"text":"Text with hover event aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa","hoverEvent":{"action":"show_text","value":"Hover"},"clickEvent":{"action":"run_command","value":"/say Clicked"}}
   

4. Enter the bed
5. Move the mouse at the top border of the button, but also where the text from step 3 would be
   The button has focus (white outline) and at the same time the hover text is shown; incorrect rendering is covered by MC-165546
6. Perform a left click while the button and the text component have focus
   If the mouse is close enough to the border, the text component handles the click (unexpected) instead of the button