Spacing problem with the copy in a scroll block

Hello,

I have a few scrolling blocks in use throughout my website and have noticed there is extra space at the end of the copy. In the attached picture you can see that the star shape is not evenly positioned between the two words. When I inspected the CSS I thought I located a small margin-right but I haven't been able to remove it.

This is the code I've used:
#block-yui_3_17_2_1_1683656888760_137655 {
  .Marquee-item .Marquee-item--text h1 {
    margin-right: 0!important;
  }  
}

Thank you!

https://bamboo-rabbit-99gt.squarespace.com/config/
pw: !(cX3Ly@$323cC(

Could you try putting the star as a separate element rather than at the end of the text?

21 minutes ago, Ziggy said:

Could you try putting the star as a separate element rather than at the end of the text?

If I knew how to do that I could give it a try. Could you point me in the right direction of how to do that please?

@ziggy YES! That's perfect! Thanks so much!

No problem, thanks for the thumbs up!