Как добавить вертикальную соединительную линию между значками пользовательского интерфейса в элементах списка?

Question

Я хочу вертикальную линию (соединитель) между изображениями avtar в значках элементов списка пользовательского интерфейса реагирующего материала.

PFB URL песочницы. https://codesandbox.io/s/9z2x527y6r

[Прикрепленное изображение ниже для вертикальной соединительной линии для подключения ко всем изображениям]

Answer 1

Создайте элемент div после ListItem, примените следующие стили и настройте его в соответствии со своими предпочтениями.

borderLeft:'1px solid lightgrey',
    height:'3em',
    marginLeft:'2em',

SandBox Demo