Why is there a line under my SVG logo in Studio theme?

Hi guys. I m using a studio theme and tried to add an SVG logo into the header liquid.

After editing by replacing the new code through some tutorials, the SVG logo works but there’s unknown line appeared underneath the logo as well. could someone tell me how to solve this problem? Many thanks!

The part below is what I replace with the original code.

<a href="{{ routes.root_url }}" class="site-header__logo-image{% if section.settings.align_logo == 'center' %} site-header__logo-image--centered{% endif %}">
  {% capture image_size %}{{ section.settings.logo_max_width | escape }}{% endcapture %}
  <img src="{{ 'logo.svg' | asset_url }}" 
       alt="{{ shop.name }}"
       style="max-width: {{ image_size }}px;">
</a>

Hi @Chloeyuen ,

Please send your site and if your site is password protected, please send me the password. I will check it.