navbarでのaタグとimgタグの謎のズレ

発生している問題

navabarブランドの画像をlink_to, image_tagヘルパーを使って表示しているのですが、右側に意図しないスペースが出てしまいスタイルが整いません。Chromeでソースコード見ても何が空白を生んでいるのかわかりません、、

↑imgタグのみ選択したときには発生しない

erb
1### 該当のソースコード
2<nav class="navbar navbar-expand-sm navbar-light fixed-top p-0" style="background-color: #e3f2fd;">
3
4  <%= link_to image_tag('logo.png', id: 'logo', alt: 'サイトのロゴ'), root_path, class: "navbar-brand ml-sm-4" %>
5  <div class="order-xs-1 mx-auto order-sm-2 mr-sm-2">
6    <span class="navbar-text font-weight-lighter" style="font-size: 10px;">
7      ようこそ！myappへ！
8    </span>
9    <div class="d-flex align-items-center">
10      <%= link_to "会員登録なしで申し込む", "#", class: "text-nowrap", style: "font-size: 10px"  %>
11      <%= link_to "新規登録", new_user_path, class: "btn-sm btn-primary text-nowrap ml-1", style: "text-decoration: none;"%>
12    </div>
13  </div>
14
15  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
16    <span class="navbar-toggler-icon"></span>
17  </button>
18
19  <div class="collapse navbar-collapse order-xs-2 order-sm-1" id="navbarNav">
20    <ul class="navbar-nav">
21      <li class="nav-item <%= 'active' if current_page?(root_path) %>">
22        <%= link_to(root_path, class: "nav-link text-nowrap") do %>TOP<%= (content_tag :span, "(current)", :class => "sr-only") if current_page?(root_path) %> <% end %>
23      </li>
24      <li class="nav-item <%= 'active' if current_page?(help_path) %>">
25        <%= link_to(help_path, class: "nav-link text-nowrap") do %>お問い合わせ<%= (content_tag :span, "(current)", :class => "sr-only") if current_page?(help_path) %> <% end %>
26      </li>
27      <li class="nav-item">
28        <%= link_to "お問い合わせ", "#", class: "nav-link text-nowrap" %>
29      </li>
30    </ul>
31  </div>
32</nav>