title: SVG centered in Safari, but not Chrome? (Kirby 3)
body: <p>when I try to put in an SVG file as the logo to my website, like it tells me to do in the Kirby documentation, it properly shows up in Chrome on the left edge of the page, but not in Safari. Image provided. CSS Rules like padding, width, margin or align don't do anything, and this only seems to happen in Safari.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
      
        &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt;
      
        &lt;title&gt;&lt;?= $site-&gt;title() ?&gt; | &lt;?= $page-&gt;title() ?&gt;&lt;/title&gt;
      
      
        &lt;?= css([
          'assets/css/prism.css',
          'assets/css/lightbox.css',
          'assets/css/index.css',
          '@auto'
        ]) ?&gt;
      
        &lt;link rel="shortcut icon" type="image/x-icon" href="&lt;?= url('favicon.ico') ?&gt;"&gt;
      &lt;/head&gt;
      &lt;body&gt;
      
        &lt;header class="header"&gt;
      
          &lt;a style="padding:0;" href="&lt;?= $site-&gt;url() ?&gt;"&gt;
            &lt;img src="/assets/icons/logo.svg" height="48"&gt;
          &lt;/a&gt;
      
          &lt;nav class="menu"&gt;
      
            &lt;?php foreach ($site-&gt;children()-&gt;listed() as $item): ?&gt;
            &lt;a &lt;?php e($item-&gt;isOpen(), 'aria-current ') ?&gt; href="&lt;?= $item-&gt;url() ?&gt;"&gt;&lt;?= $item-&gt;title()-&gt;html() ?&gt;&lt;/a&gt;
            &lt;?php endforeach ?&gt;
            &lt;?php snippet('social') ?&gt;
          &lt;/nav&gt;
        &lt;/header&gt;
      
        &lt;main class="main"&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/TuXAu.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TuXAu.jpg" alt="Logo aligned left in Chrome, but not Safari" /></a></p>