title: Overflow scroll not showing everything in div, some part of the left side is still hidden
body: <p>I have a flex container containing 7 columns (Monday to Sunday), each with a min-width of 100px. I want users to scroll horizontally to see every column when the screen is smaller. I set the flex container to <code>overflow: scroll</code>. Yes, now the scrollbar appears, and I can scroll left and right. However, the smaller the screen is, the more part of the left side is still hidden, no matter how I scroll. The right side is fine.</p>
  <p>Please see the code here:
  <a href="https://codesandbox.io/s/busy-framework-ke4l0?file=/index.html" rel="nofollow noreferrer">https://codesandbox.io/s/busy-framework-ke4l0?file=/index.html</a></p>
  <p>How can I fix this? Thanks in advance.</p>