Embed icon overflowing

Hello everyone,

I have an embed icon and I’ve noticed it to be a problem on a couple of other projects I’m working on. The Icon overflows from the block it’s in even though the code is set to height and width “auto”. I’ve added a screenshot of where the issue is as well as the read-only link.
Screen Shot 2023-03-24 at 4.09.24 PM

Here is my site Read-Only: (https://preview.webflow.com/preview/son-social?utm_medium=preview_link&utm_source=designer&utm_content=son-social&preview=5592f10b3b07d07d6896158c955e281e&pageId=6411b51c817a3288df0660fc&workflow=preview)

Set the sise on the svg and on the designer like this

In my case 20 px everywhere

Hi Romuald, thanks for your response. That works, but only on 20px and above. If you try going any lower (for example 16 px) the same issue occurs. Is there any other aspects of the code or the way that it was exported that could be affecting this?

Nevermind I resolved it! I set the width and height in the style panel to 20px as a max with it set to flexbox horizontal justivy/align center and set the size in the code to 1rem and now it looks perfect. Thanks for your help Romuald! Added SC’s for others that may face this problem.