How to make materil UI tabs label left ? by default its center aligned

Question

By default material ui tab label is center aligned, how do i make it left aligned ?

center aligned tab labels image

Answer 1

Inline is so: <Tab sx={{alignItems: 'start',}} label="Application" {...a11yProps(0)} />

Answer 2

May be this will help

.MuiTab-wrapper {
        align-items: self-start;
        justify-content: flex-start;

}

By default both of them are centered.