I render video player from react-html5video library and can't remove black border.

Here is the code snippet:

<Video
                      ref={videoRef}
                      playsInline
                      autoPlay={true}
                      muted={false}
                      loop={false}
          
                    >
                      <source
                        defer
                        src={i.url}
                        type="video/MP4"
                        className="video"
                      />
css styling for .video :

.video {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}