YoutubeVideo inside Iframe isn't properly sized

I have a problem with sizing YouTube video inside iframe element.

The best i can do is the example on the screenshot. I can't get rid of the black bars on the sides.

Here is my scss `youtube-video { display: flex; background-color: black;

.videoContainer {
    @include maximized;

    iframe {
        @include maximized;
    }
}

` Setting iframe position:absolute and videocontainer:relative isn't working.

The mixins maximized include sets the height and width to 100%.

frameBorder is set to 0

Aspect ratio is calculated properly from the width and height of the video. Width and height of the video is from https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=Jr3tlqXH7is&format=json

Can somebody please help me ?

Potentional fix: When I deduct 3 from the height it seems to be working fine.