I am having an issue where my React-Bootstrap Table overflows the viewport when the screen size is smaller than it in the x direction. I have made it into a responsive table using the responsive prop. However, the overflow-x: scroll functionality isn’t working. How do I get the overflow to work?

I am having an issue where my React-Bootstrap Table overflows the viewport when the screen size is smaller than it in the x direction. I have made it into a responsive table using the responsive prop. However, the Overflow-X functionality isn’t working.