title: VictoryChart not filling entire div
body: <p>I'm trying to get a VictoryChart to fill the entire container, but it's leaving a ton of white space to the right side. This is what I'm trying to do: </p>
  
  <pre><code>&lt;VictoryChart domainPadding={{ x: 25 }}&gt;
      &lt;VictoryAxis
        tickValues={categories ? categories.x : undefined}
      /&gt;
      &lt;VictoryAxis
        tickValues={categories ? categories.y : undefined}
        domain={yAxisDomain}
        dependentAxis
        crossAxis
      /&gt;
      &lt;VictoryBar
        cornerRadius={{ topLeft: 5, topRight: 5 }}
        data={data}
        labels={labels}
      /&gt;
    &lt;/VictoryChart&gt;
  </code></pre>
  
  <p>And this is what is being rendered:</p>
  
  <p><a href="https://i.stack.imgur.com/ZS99j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZS99j.png" alt="Chart"></a></p>
  
  <pre><code>&lt;div class="VictoryContainer" style="height: 100%; width: 100%; user-select: none; pointer-events: none; touch-action: none; position: relative;"&gt;
     &lt;svg width="450" height="300" role="img" aria-labelledby="victory-container-2-title victory-container-2-desc" viewBox="0 0 450 300" style="pointer-events: all; width: 100%; height: auto;"&gt;
        ...
     &lt;/svg&gt;
     &lt;div style="z-index: 99; position: absolute; top: 0px; left: 0px; width: 100%; height: auto;"&gt;
        &lt;svg width="450" height="300" viewBox="0 0 450 300" style="overflow: visible; width: 100%; height: auto;"&gt;&lt;/svg&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>