Focusing an input causes strange style change on text underneath it

Describe the bug
When an input field gains focus, in some situations, the text under it appears to become slightly thinner. It returns to normal when the input if unfocused.

To Reproduce

1. Go to https://flowbite.com/docs/forms/input-field/#validation
2. Make sure dark mode is on.
3. While looking closely at the red "Oh, snapp! Some error message." message, click inside the input labeled with "Your name".
4. Observe the slight change in the red message's style.
5. If it's hard to tell, keep focusing and unfocusing the input while looking at the error message..

Expected behavior
The red message's style should not be affected by the input's gaining focus.

Screenshots
Here is the text before the input is focused:

And after the input is focused:

Desktop:

• OS: Windows 10
• Browser: Chrome
• Version: 111.0.5563.65

Additional context

• I could not reproduce this on mobile.
• I could not reproduce this in light mode.
• In dark mode, if you use your browser's zoom feature on the text at 300%, the bug doesn't happen.
• I've ran into this issue in my own projects and have been struggling for days trying to solve it, so I visited Flowbite's website to see if they experience any similar issues and voila. This is more of a genuine cry for help rather than an "I want to bother flowbite's contributors with a tedious issue." so please forgive me.

Reproduce the issue at the Flowbite input validation example in Chrome 111 on Windows 10 with dark mode enabled, focusing the “Your name” input while watching the red error message. Compare focused and unfocused states, including browser zoom, and identify the styling interaction responsible. Done means the error message keeps the same appearance when the input gains or loses focus, without regressing light mode or mobile behavior.