Невозможно добавить значок пользовательского интерфейса материала после кнопки, используя CSS

Question

Мне нужно добавить значок после кнопки в моем проекте Material UI. Я попытался добавить его с помощью Material Design Icons в css псевдо, но, похоже, он не работает.

flagButton: {
      width: 40,
      "& >span": {
        border: "1px solid red",
        "&:after": {
          fontFamily: "Material Icons",
          // content: "'\F019'"
          content: "'chevron_right'"
        },
}

}

Я добавил выше в тему. js, и это просто появляется как текст на кнопке.

Вот ссылка для кодов и ссылок на то, что я пробовал

https://codesandbox.io/s/optimistic-herschel-c4rru?fontsize=14&hidenavigation=1&theme=dark