bug: spacing between .chat-bubble and .chat-bubble:before is wrong in 4K with various zooms

[beegotsy]

What version of daisyUI are you using?

The one in daisyui.com

Which browsers are you seeing the problem on?

Atleast Chrome

Reproduction URL

https://daisyui.com/components/chat/

Describe your issue

Hi there,

the .chat-bubble:before is separated from the .chat-bubble on 3840x2160 monitor and while using a 25%, 75%, 125%, 175% browser zoom and a 150% Windows zoom (if that matters).

Screenshots below for the 125% browser zoom version, on Chrome

It doesn't really matter to me, but I just wanted to let you know if it does to you.
Kudos for the library.

[github-actions]

Thank you @beegotsy for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[beegotsy]

The same happens for the tooptip here: https://daisyui.com/components/tooltip/.

This time, on a 3840x2160 monitor, it only connects when using a browser zoom of 67%, 90%, 200%, 250%, 400%.
This may be "more important" (it really isn't), as it's disconnected at the default 100% zoom.

100%

125%

500%

[saadeghi]

Which OS is this?
This looks like a render issue, because there's no space there in CSS.