Как убрать лишнее пространство сверху и снизу изображения SVG в IE11

Question

Я использую SVG для отображения результата и хочу выровнять элемент по центру контейнера defaultSize. В chrome изображение svg правильно центрируется, но в IE 11 появляется дополнительное пространство вверху и внизу изображения svg, а также отображается вертикальная полоса прокрутки.

.svgImage {
    width: auto;
    display: flex;
    align-items: center;
    height: 100%;
}

.defaultSize svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: left;
    transform-origin: left;
}

<div class="defaultSize">
  <div class="svgImage">
    <svg viewbox="0 0 1435.01 184.01">....</svg>
  </div>
</div>

SVG отображается в chorme: https://i.stack.imgur.com/yyndu.png

SVG отображается в IE: https://i.stack.imgur.com/srdfN.png

Answer 1

Вам нужен дисплей: блок;на вашем SVG.