Margin not correct after implementing Klaviyo newsletter template

[PRETTYFRIDAYS]

Hey, I have just implemented the Klaviyo Email sign up template to my footer, where I have made an collapsible row for my footer menus, but now my margin with my arrows of my collapsible rows are not correct. Does anyone know how to fix this? I will show the problem down below!

LINK TO WEBSITE:https://e8aaa0-3.myshopify.com/products/body-wash-vanilla-amber?pr_prod_strat=e5_desc&pr_rec_id=b11975176&pr_rec_pid=7291706048649&pr_ref_pid=7327814713481&pr_seq=uniform&variant=41486122909833

PASSWORD: mohwhi

THEME: TASTE

[BSS-Commerce]

Hi @PRETTYFRIDAYS ,

Insert this CSS snippet into your CSS file:

@media only screen and (max-width: 749px) {
  .grid .footer-block__heading {
    display: inline-block !important;
    width: 100% !important;
  }
}

Result:

Hope it works @PRETTYFRIDAYS

[PRETTYFRIDAYS]

Hey! Thanks for replying but it does not work unfortunately, do you have another solution?

[BSS-Commerce]

The page may have an error due to your JS so I can’t intervene => Try reloading the page at f5 or going to another page to return to the current page.
The error may be due to your script not running
Image:

Please insert that script file into the theme.liquid file to see if it works