I understands that you have to remove the default left indent of <ol> and increase spacing between list number and the list text.

html

<div class="wrapper">
  <ol>
     <li>List item</li>
    <li>another item</li>
  </ol>
</div>

css

.wrapper ol {
  padding-left: 20px;  
  margin-left: 0;
}

.wrapper ol li::marker {
  content: counter(list-item) ".    "; /* add spacing after number */
}

browser apply default padding to the ordered lists first this will be removed then increase spacing between number and text.
for more reference

https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/
https://forum.omeka.org/t/how-do-i-change-the-spacing-of-a-li-marker/24142