Список перемещается при выборе одного элемента ⇐ CSS

[Anonymous]

У меня есть список пунктов меню. Цель состоит в том, чтобы шрифт стал жирным, когда я выбираю один из элементов. Однако когда я это делаю, другие предметы немного смещаются. Я попытался добавить ширину, но у меня другое расстояние между элементами. Как я могу сделать так, чтобы эти элементы оставались статичными, когда один из них выбран?




return ( {genres.map((жанр, индекс) => { возвращаться ( onSelect(индекс)} > {genre.toUpperCase()} ) })} )