Carousel has no width if parent uses Flexbox

Describe the bug I am using the carousel inside a section element which uses Flexbox, but the BrainhubCarousel__track and the BrainhubCarouselItem elements are all getting width: 0px; max-width: 0px; min-width: 0px;

To Reproduce I created this CodeSandbox which reproduces the issue.

Expected behavior Slides and track elements should get the appropriate width.

Screenshots If applicable, add screenshots to help explain your problem.

Environment

System:
    OS: macOS 10.15.3
    CPU: (8) x64 Intel(R) Core(TM) i7-7920HQ CPU @ 3.10GHz
    Memory: 241.82 MB / 16.00 GB
  Binaries:
    Node: 10.13.0 - ~/.nvm/versions/node/v10.13.0/bin/node
    Yarn: 1.21.1 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.13.0/bin/npm
  Browsers:
    Chrome: 80.0.3987.149
    Firefox: 74.0
    Safari: 13.0.5

---

IssueHunt Summary

max-arias has been rewarded.

Backers (Total: $56.00)

• piotr-s-brainhub ($56.00)

Submitted pull Requests

• #466 Adds width to the carousel container, adds example in docs

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

[issuehunt-app[bot]]

@piotr-s-brainhub has rewarded $50.40 to @max-arias. See it on IssueHunt

• 💰 Total deposit: $56.00
• 🎉 Repository reward(0%): $0.00
• 🔧 Service fee(10%): $5.60

[piotr-s-brainhub]

@max-arias

Could you address the last comments in https://github.com/brainhubeu/react-carousel/pull/467 ?