Align the column names of the UDTable to the baseline?

I’ve tried this approach, and it seems to have achieved consistent vertical alignment. Does it appear to be a reasonable method? Note: I’ve also integrated it with my button styling.

New-UDHtml -Markup '<style>
    .MuiButton-root { 
        border: 1px solid #717171 !important; 
        border-radius: 3px !important; 
        margin-left: 2px; 
        margin-right: 2px; 
    }
    .css-nmu7bk-MuiTableRow-root {
        vertical-align: baseline !important;
    }
</style>'

...

} -Columns @(
    New-UDTableColumn -Title 'User' -Property 'displayName'
    New-UDTableColumn -Title 'Group' -Property 'GroupDisplayName'

...

New-UDHtml -Markup '</div>' 

Needed dark mode class as well

.css-nmu7bk-MuiTableRow-root,
.css-1gjuw6o-MuiTableRow-root {
    vertical-align: baseline !important;
}