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: 10px;}
li:before{
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#464646;
	margin-right:8px;
	vertical-align:middle;
    margin-left: -14px;
}