Shopify Inbox Button: Maintain Position When Open

[MMO1]

Please see the images below. I am on Dawn 13.

I have 2 buttons on the bottom right corner, one for enabling sound (accessibility) and one for the Shopify Inbox.

I have made both of them line up:

However, when I click on the Shopify Inbox button, that button moves down vertically and is no longer aligned with the audio button:

Does anyone have the CSS to make the Shopify Inbox button maintain its position on the page when open?

I have tried to add this CSS to base.css AND theme.liquid (within <style></style>) but I cannot get it to work. I have tried this with multiple levels of specificity as well (header, body, footer).

What is the right level of specificity and which file do I need to add this to? Thank you!

  footer .chat-app--close-button-bottom-right #chat-app {
    margin-left: auto;
    margin-bottom: 5px !important;}  

[LuffyOnePiece]

Hi @MMO1 ,

Can you please share a preview url of the sore so that I can assist you on?

Thank you

[MMO1]

Thank you, you can view it here:

https://d66377-2a.myshopify.com/ 

[LuffyOnePiece]

Hi @MMO1 

It is password protected.

[MMO1]

Sorry, password: asdfasdf

[MMO1]

Hi are you able to see the widget now?