diff --git a/src/ui_kit/MediaSelectionAndDisplay.tsx b/src/ui_kit/MediaSelectionAndDisplay.tsx
index 4aeeaab3..7e3659f4 100644
--- a/src/ui_kit/MediaSelectionAndDisplay.tsx
+++ b/src/ui_kit/MediaSelectionAndDisplay.tsx
@@ -19,9 +19,9 @@ import UploadBox from "@ui_kit/UploadBox";
 import UploadIcon from "@icons/UploadIcon";
 import InfoIcon from "@icons/InfoIcon";
 
-import imge from "@/assets/card-1.png"
 import { CropModalInit } from "./Modal/CropModal";
 import { AnyTypedQuizQuestion } from "@frontend/squzanswerer";
+import UploadVideoModal from "@/pages/Questions/UploadVideoModal";
 
 interface Iprops {
   question: AnyTypedQuizQuestion;
@@ -35,11 +35,12 @@ export const MediaSelectionAndDisplay: FC<Iprops> = ({
   question,
   cropAspectRatio,
 }) => {
+  const theme = useTheme();
+  const [isVideoUploadDialogOpen, setIsVideoUploadDialogOpen] = useState<boolean>(false);
   const [pictureUploding, setPictureUploading] = useState<boolean>(false);
   const [backgroundUploding, setBackgroundUploading] = useState<boolean>(false);
   const [openCropModal, setOpenCropModal] = useState(false);
   const quizQid = useCurrentQuiz()?.qid;
-  const theme = useTheme();
   const [isImageUploadOpen, openImageUploadModal, closeImageUploadModal] =
     useDisclosure();
   async function handleImageUpload(file: File) {
@@ -151,6 +152,13 @@ export const MediaSelectionAndDisplay: FC<Iprops> = ({
           onClose={closeImageUploadModal}
           handleImageChange={handleImageUpload}
         />
+        <UploadVideoModal
+          open={isVideoUploadDialogOpen}
+          onClose={() => setIsVideoUploadDialogOpen(false)}
+          onUpload={handleVideoUpload}
+          video={question.content.video}
+        />
+  
         <CropModalInit
           originalImageUrl={question.content.originalBack}
           editedUrlImagesList={question.content?.editedUrlImagesList}