diff --git a/src/ModalButton.css b/src/ModalButton.css
index 4425cc1..f7f821a 100644
--- a/src/ModalButton.css
+++ b/src/ModalButton.css
@@ -1,4 +1,4 @@
-.videoPlayer {
+.VideoPlayer {
width: 100%;
height: 250px;
background-color: black;
diff --git a/src/ModalButton.js b/src/ModalButton.js
index 5074b24..f99d16c 100644
--- a/src/ModalButton.js
+++ b/src/ModalButton.js
@@ -1,7 +1,7 @@
import React from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js';
-import Button from './Buttons';
+import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';
import './Buttons.css';
import './ModalButton.css';
@@ -11,16 +11,17 @@ function ModalButton() {
const handleClose = () => setShow(false);
const handleShow = () => setShow(true);
+
return (
<>
-
+