config flow interface - descriptions are off

[rrooggiieerr]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

I'm trying to use descriptions in my HA integration to describe the different configuration parameters, and they endup crooked.

To me it looks like the description of the Open time is the header of the Close time, if you see what I mean

Here is an other screenshot where the descriptions look a off

Describe the behavior you expected

I'll expect the description to be noticeable as a part of the field it belongs to. I'm not a UI guy so can't tell you what would be the best solution, but the current state is confusing

Steps to reproduce the issue

Above screenshots are of an integration I'm currently writing, and not yet released, however, you could use the Slack integration to reproduce the issue

1. Go to Settings
2. Devices & Services
3. Add Integration
4. Slack

The description in red is part of the Default Channel field, however the placement in the interface makes it apear as being part of the Icon field

What version of Home Assistant Core has the issue?

core-2024.01.1

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

No response

Which operating system are you using to run this browser?

No response

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response