JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
                    	<li><a href="#">Название подкатегории длинное длинное длинное длинное длинное</a></li>
                        <li><a href="#">Название подкатегории</a></li>
                        <li><a href="#">Название подкатегории</a></li>
                        <li><a href="#">Название подкатегории</a></li>
                        <li><a href="#">Название подкатегории</a></li>
                        <li><a href="#">Название подкатегории</a></li>
                    </ul>

CSS

ul {list-style: none;}
li {padding-left: 15px;}
li:before{
	content:'•';
	float: left;
	color:#464646;
    margin-left: -15px;
    font-size: 20px;
    line-height: 18px;
}
li:hover:before, a:hover{
    color:red;
}
}