javascriptreactjsmaterial-ui

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

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

center aligned tab labels image

Solution

  • May be this will help 

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

}

    By default both of them are centered.