Floating Social Hellobar Conflict

On my site I'm having an issue where when I enabled Floating Social, it shows up fine (currently I have it disabled however) - but the bar overlaps with my HelloBar (https://www.hellobar.com/) when I scroll down.

I'm not sure if this can be done in a simple way, but is there a way to make the floating social bar appear below the HelloBar?

Also - is there a way to change the background color of the bar? I'm currently seeing it as a light blue and I'd like to have it as white.

Thanks very much in advance for any insights,