title: how to get React chartjs to resize back down with window
body: <p>I have this code, which, for some reason, will grow when I resize a window, but not shrink. I was wondering how to remedy this.</p>
  
  <p><a href="https://codesandbox.io/s/react-chartjs-2-example-1nur4" rel="nofollow noreferrer">https://codesandbox.io/s/react-chartjs-2-example-1nur4</a></p>
  
  <pre><code>import React from "react";
  import { render } from "react-dom";
  import LineDemo from "./LineDemo";
  
  const styles = {
    fontFamily: "sans-serif",
    textAlign: "center"
  };
  
  const App = () =&gt; (
    &lt;div style={styles}&gt;
      &lt;table style={{ width: "100vw", borderCollapse: "collapse" }}&gt;
        &lt;tbody&gt;
          {Array.from({ length: 4 }, el =&gt; "foo")
            .concat(&lt;LineDemo /&gt;)
            .map(el =&gt; (
              &lt;td style={{ border: "solid" }}&gt;{el}&lt;/td&gt;
            ))}
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  );
  
  render(&lt;App /&gt;, document.getElementById("root"));
  </code></pre>