I solved this by adding style to the list widget. I gave my list a class of "flex-list" and added the following css.
I actually nested my horizontal list into a normal list as I had a structure with an attribute of userName and a nested list of other data relating to the user. This way each users data could be displayed in the users row.
.flex-list{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}