title: SVG is ignoring padding in Safari
body: <p>Having and issue with a svg that has a border-left with padding and a margin.</p>
  
  <pre><code>.header__link--user svg {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 8px;
    width: 15px;
    height: 24px;
    position: relative;
    top: 8px;
    fill: #636c6f;
    border-left: 1px solid #2d4146;
  }
  </code></pre>
  
  <p>In Safari the inline svg is ignoring the padding.</p>
  
  <pre><code>&lt;svg viewBox="0 0 1756 1024"&gt;
    &lt;path d="M1756.635 146.386c0 15.483-5.63 28.855-17.595 40.819l-819.904 819.2c-11.964 11.964-25.336 17.595-40.819 17.595s-28.855-5.63-40.819-17.595l-819.2-819.2c-11.964-11.964-17.595-25.336-17.595-40.819s5.63-28.855 17.595-40.819l87.973-87.973c11.964-11.964 25.336-17.595 40.819-17.595s28.855 5.63 40.819 17.595l690.408 691.816 691.112-691.112c11.964-11.964 25.336-17.595 40.819-17.595s28.855 5.63 40.819 17.595l87.973 87.973c11.26 11.26 17.595 24.632 17.595 40.115z"&gt;&lt;/path&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Any suggestions?</p>