[Support request] How to adjust my Breadcrumbs?

Hi,

This is how I integrated it on my GP blog, using Yoast SEO.

This is what it looks like.

How can I add space after i, like a 10 px bottom margin? And reduce the size of the font?

I tried adding this into my CSS but it did not work:

/*Change the layout and position of the BREADCRUMBS*/
*p#breadcrumb {
    margin-bottom: 10px;
    font-size: 12px;
}
@media(max-width: 1200px) {
    p#breadcrumb {
        padding-left: 20px;
    }
}

Should I rather add a <br> in the Element’s code field?
What about the font-size?

Thx