Html Video Controls too small on mobile

I am using reveal.js and any video on mobile, the controls are too small, it makes it hard to navigate. I tried to find a solution with css but I am having trouble.

This is part of the code where the video is:

<section data-transition="none">
      <video
        data-autoplay
        controls
        loop
        data-src="assets/videos/video.mp4"
        poster="assets/videos/video.webp"
        style="width: 100%"
      ></video>
 </section>

And this is what it looks like on mobile, the controls are tiny it is impossible to click on any button

Thank you