Video Slider causing errors with WooCommerce product page

I am having an issue where the video slider is causing an issue with my GeneratePress and WooCommerce plugins; also installed is Elementor. When I view the WooCommerce product page, and do not provide a short product description or a long enough one, the product gallery is overlapping the product tabs below it.

I discussed the issue with the support team with GeneratePress and they stated that there looks to be a CSS conflict with the web slider widget I used in Elementor. That the widget seems to have the same flex-control-nav class name and is giving it an absolute position.

When I deactivated the Web Slider plugin, the issue went away. Then when I reactivated the plugin the issue came back.

They suggested that I add the following CSS code to my GeneratePress theme to try and correct it:
.woocommerce .flex-control-nav {
position: relative;
}

I added the code to my custom CSS and it cleared up the issue; but there still is the base issue for other users. If you can look into the issue for the plugin and fix the base issue I would appreciate it.