Affected by DOM structure?

[IlirBajrami]

Am i missing some css or...?

This is my VideoModal component:

import React, { useState } from "react";
import ModalVideo from "react-modal-video";
import styled from "styled-components";

import video_mockup from "../../resources/video_mockup.png";

function VideoModal(props) {
  const [videoIsOpen, setVideoIsOpen] = useState(false);
  return (
    <>
      <ModalVideo
        channel="youtube"
        autoplay
        isOpen={videoIsOpen}
        videoId="L61p2uyiMSo"
        onClose={() => setVideoIsOpen(false)}
      />

      <Mockup
        src={video_mockup}
        alt="mockup1"
        onClick={() => setVideoIsOpen(true)}
      />
    </>
  );
}

const Mockup = styled.img`
  width: 100%;
`;

export default VideoModal;

and this is what i get:

[IlirBajrami]

sorry, i figured out i had to import sass:

import "react-modal-video/scss/modal-video.scss";