Delimiter inconsistency

Im in the early stages of putting together this site and I noticed some annoying inconsistencies.

The different pages show different separating options between categories:
The current blogpage - showing delimiters between categories as "," while its possible to choose "dash"/"bullet" etc. as delimiter between metadata.
e.g. "category 1, category 2 • Date 09.04 • author" 

The "comma" here^ is appearing by auto. 

The actual blogpost, with the same options for delimiters display the category separators like this:
"category 1 • category 2"

How can I remove the "comma" from the blogpage and add in a "bullet"?

Can you share link to page in your question?

https://****
Second to last blogpost here use 2 categories separated by a "comma"

https://***
Inside the blogpost, the categories is separated by a "bullet" (as selected in the editior, I have also selected bullet on the other page, ill turn on another metadata just to illustrate)
 

Add to Home > Design > Custom CSS

span.blog-categories--comma {
    visibility: hidden;
}
span.blog-categories--comma:after {
    content: "•";
    visibility: visible;
    padding-right: 5px;
}

Amazing response! Thanks