I'm working on a Blazor project using Radzen components, and I'm struggling to align a form and button horizontally within the same row using flexbox. The form contains dropdowns, and I want the button to sit next to the dropdowns, but the alignment seems off.
Here's my code:
<RadzenStack Orientation="Orientation.Horizontal" Class="align-items-center" Style="display: flex; gap: 20px; align-items:center;"><RadzenFormField Text="" Style="height: 40px; display: flex; align-items: center; gap: 10px;"><ChildContent><RadzenDropDown /></ChildContent></RadzenFormField><RadzenFormField Text="" Style="height: 40px; display: flex; align-items: center; gap: 10px;"><ChildContent><RadzenDropDown /></ChildContent></RadzenFormField><RadzenButton Text="Add Members" Click="buttonClick" Style="height: 40px; display: flex; align-items: center;" /></RadzenStack>How can I ensure that the RadzenFormField and RadzenButton are properly aligned within the same row using flexbox in this layout?