Firefox добавляет пустое пространство к изображению SVG

Question

У меня есть HTML-документ, в который я загружаю изображение SVG, которое затем должно занимать 100% ширины своего контейнера.

Но есть проблема: когда я загружаю страницу в Firefox, она добавляет некоторое пустое пространство на левой и правой стороне изображения, таким образом, делая ее не выровненной по отношению к остальной части содержимого, нокогда я открываю ту же страницу в Chrome, она отображает ее, как и ожидалось.

Снимок экрана Firefox:
Снимок экрана Chrome:
Вот мой код:

body {
  padding: 0px 0px 0px 0px;
}

#container {
  padding-left: 5em;
  padding-right: 5em;
}

#logo {
  width: 100%;
  display: block;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: black;
}

<div id="container">
  <img src="https://svgshare.com/i/6os.svg" id="logo">
  <br>
  <div class="separator"></div>
</div>

Как мне сделать так, чтобы он правильно отображался в Firefox?