Custom shopping cart icon overlapping with cart number, Squarespace 7.1

Hi all,

Hoping you can help. 

I inserted the Custom CSS below in order to update the shopping cart icon with my own design, a transparent PNG. The icon updated, however, it now overlaps with the number in the cart. Please see screen grab. Any advice would be much appreciated!

Thanks very much!

URL : https://krill-green-23x9.squarespace.com/

Password : claire

.icon--cart {   
  svg {     
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/66990f0c4cf00737f1abfcf6/t/66cb2e017e57e218c5c95e4a/1724591617261/solid_pot_03.png);   
  background-size: 50px 50px;   
  background-repeat: no-repeat; 
}