JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title>List item in chrome</title>
</head>
<body>
<ol>
<li style="text-align: center;">This text is styled as text-align: center</li>
<li style="text-align: center;">This text is styled as text-align: center</li>
<li style="text-align: center;">This text is styled as text-align: center</li>
<li style="text-align: center;">This text is styled as text-align: center</li>
</ol>
<ul>
<li style="text-align: center;">This text is styled as text-align: center</li>
<li style="text-align: center;">This text is styled as text-align: center</li>
<li style="text-align: center;">This text is styled as text-align: center</li>
<li style="text-align: center;">This text is styled as text-align: center</li>
</ul>
</body>
</html>

CSS

#PremiumServicesMenu .LinkList ul {
    margin-top: 0px;
    margin-left: 1em;
    margin-bottom: 0px;
}
/* Safari and Chrome specific settings */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
    .PremiumServicesContainer .LinkList ul {
        list-style-position: inside;
    }
}