Time picker fields are misaligned when validation is activated

[jdcai]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

In the storybook https://react.carbondesignsystem.com/?path=/story/timepicker--default
When you enable Show form validation UI (invalid in <TimePicker>) in the knobs the invalid text appears but the boxes become misaligned.

Is this issue related to a specific component?

Time picker

What did you expect to happen? What happened instead? What would you like to
see changed?

The boxes should be aligned and invalid text should be below the fields

What browser are you working in?

Google Chrome