Breadcrumb Spacing Off on Mobile Pages

Hi,

We are having issues with the breadcrumb separator on mobile pages. The spacing is fine on the desktop view, but it is squished on mobile pages. We have tried contacting the plugin developers (flexy breadcrumb), and they told us to add this code to our css:

@media (max-width: 768px)
.fbc-page .fbc-wrap .fbc-items li {
    padding: 10px 5px !important;
}

We added it in, but no changes were seen on the mobile view. So, they told us to contact you guys. If you could help, that would be greatly appreciated!

Thanks,
Justine & Mitch