[Solved]-How to style the badge component?-Reactjs

You can add styles to the inner span using the classes attribute:

<Badge badgeContent={"11"} classes={{badge: classes.myBadge}}>

Where myBadge is defined in makeStyles:

const useStyles = makeStyles((theme) => ({
  myBadge:{
    right: "inherit",
  }
}));