Change multiple select field width in form

Hello,
I was wondering if could change the width of the multiple select options I’m using in my form?
To give some context I want to change the width for a custom taxonomy ‘genre’ I have in a form that I’m using to add books to the database, so I have multiple genres a user can select from, and having them listed one after the other doesn’t look so great and makes my form super long. Is there any way I can have like 3 genres per row next to each other? instead of each genre option taking up the whole row? Also, im using the material design style which makes it this way, in the default style it puts the genre filed into a scroll bar which doesnt take up too much space, only the material style lists them all out like this i believe.