Change border radius of the floating bubble

[Kostas]

Add this code to the Custom CSS field on the Settings tab of your Accessibility widget’s settings:

[class*="ButtonBase__ButtonContainer-sc"] {
border-radius: 8px !important; /* added rounded corners */
}

[Max]

Hi there, @Kostas and welcome to the Community

Thanks for sharing your code with us!

The thing is that the floating button is round by default, Could you please specify what button you’ve tried to customize with this code?

[Kostas]

I was customizing the main accessibility floating button itself just added rounded corner to it.

[Max]

I am afraid I didn’t quite get what you mean under the main accessibility floating button. Could you please send me a screenshot of this button?

[Kostas]

Sooo sorry for late responce ofc i can send you a screenshot!

[David_Jenkins]

Thanks for help.

[Max]

Ah, I see! The code didn’t work first because of the wrong quotes symbols:

I’ve slightly adjusted your code and now everything is working great! Thanks for sharing your solution