diff --git a/components/form/communication/questions-reply-form.tsx b/components/form/communication/questions-reply-form.tsx
index e8c2a54d..e0b00059 100644
--- a/components/form/communication/questions-reply-form.tsx
+++ b/components/form/communication/questions-reply-form.tsx
@@ -36,12 +36,11 @@ import { list, parse } from "postcss";
 import { htmlToString } from "@/utils/globals";
 import { Textarea } from "@/components/ui/textarea";
 import { error } from "@/lib/swal";
-import { useRouter } from "next/navigation";
 import { useMediaQuery } from "react-responsive";
 import { DetailTicket } from "../ticketing/info-lainnya-types";
 import InfoLainnyaModal from "../ticketing/info-lainnya";
 import { Description } from "@radix-ui/react-toast";
-import { Link } from "@/i18n/routing";
+import { Link, useRouter } from "@/i18n/routing";
 import {
   Popover,
   PopoverContent,
@@ -140,6 +139,7 @@ export default function FormQuestionsReply() {
     control,
     handleSubmit,
     reset,
+    setValue,
     formState: { errors },
   } = useForm({
     resolver: zodResolver(taskSchema),
@@ -149,9 +149,11 @@ export default function FormQuestionsReply() {
     async function initState() {
       setReplyValue(0);
       const response = await getQuestionTicket(id);
+
       setDetailTicketsQuestions(response?.data?.data || null);
       setTicketInternal(response?.data?.data || null);
       setDetail(response?.data?.data);
+      setValue('title', response?.data?.data?.message)
 
       if (response?.data !== null) {
         setDetailTickets(response?.data?.data);
@@ -268,8 +270,49 @@ export default function FormQuestionsReply() {
     }
   };
 
+  // const onSubmit = async (data: any) => {
+  //   try {
+  //     const payload = {
+  //       id,
+  //       title: data.title,
+  //       description: data.description,
+  //       priorityId: selectedPriority,
+  //       statusId: 1,
+  //       typeId: detailTickets?.typeId,
+  //       parentCommentId: detailTickets?.feedId,
+  //       operatorTeam: selectedOperator.join(","),
+  //     };
+
+  //     const response = await saveTicketsQuestion(payload);
+
+  //     MySwal.fire({
+  //       title: "Sukses",
+  //       text: "Data berhasil diperbarui.",
+  //       icon: "success",
+  //     });
+
+  //     getTicketReply();
+  //   } catch (error) {
+  //     console.error("Gagal update:", error);
+  //     MySwal.fire({
+  //       title: "Error",
+  //       text: "Terjadi kesalahan saat memperbarui.",
+  //       icon: "error",
+  //     });
+  //   }
+  // };
+
   const onSubmit = async (data: any) => {
     try {
+      MySwal.fire({
+        title: "Menyimpan...",
+        text: "Mohon tunggu sebentar",
+        allowOutsideClick: false,
+        didOpen: () => {
+          MySwal.showLoading();
+        },
+      });
+
       const payload = {
         id,
         title: data.title,
@@ -281,17 +324,17 @@ export default function FormQuestionsReply() {
         operatorTeam: selectedOperator.join(","),
       };
 
-      const response = await saveTicketsQuestion(payload);
+      await saveTicketsQuestion(payload);
 
       MySwal.fire({
         title: "Sukses",
         text: "Data berhasil diperbarui.",
         icon: "success",
+        confirmButtonText: "OK",
+      }).then(() => {
+        router.push("/supervisor/ticketing");
       });
-
-      getTicketReply();
     } catch (error) {
-      console.error("Gagal update:", error);
       MySwal.fire({
         title: "Error",
         text: "Terjadi kesalahan saat memperbarui.",
@@ -512,8 +555,10 @@ export default function FormQuestionsReply() {
                     <Input
                       size="md"
                       type="text"
-                      defaultValue={detailTickets?.message}
-                      {...field}
+                      // defaultValue={detailTickets?.message}
+                      value={field.value}
+                      // {...field}
+                      onChange={field.onChange}
                       placeholder="Masukkan judul"
                     />
                   )}
diff --git a/components/form/content/video-detail-form.tsx b/components/form/content/video-detail-form.tsx
index d8c45242..9f304358 100644
--- a/components/form/content/video-detail-form.tsx
+++ b/components/form/content/video-detail-form.tsx
@@ -63,6 +63,7 @@ import { useTranslations } from "next-intl";
 import SuggestionModal from "@/components/modal/suggestions-modal";
 import { formatDateToIndonesian } from "@/utils/globals";
 import ApprovalHistoryModal from "@/components/modal/approval-history-modal";
+import VideoPlayer from "@/utils/video-player";
 
 const imageSchema = z.object({
   title: z.string().min(1, { message: "Judul diperlukan" }),
@@ -513,12 +514,19 @@ export default function FormVideoDetail() {
                     >
                       {files?.map((data: any) => (
                         <SwiperSlide key={data.id}>
-                          <video
-                            className="object-fill h-full w-full"
-                            src={data.secondaryUrl}
-                            controls
-                            title={`Video ${data.id}`}
-                          />
+                          <div className="relative max-h-screen overflow-hidden">
+                            <div className="w-full max-h-screen aspect-video">
+                              <div className="w-full h-full object-contain">
+                                <video
+                                  className="object-contain h-full w-full"
+                                  src={data.secondaryUrl}
+                                  controls
+                                  title={`Video ${data.id}`}
+                                />
+                              </div>
+                            </div>
+                            <div className="absolute top-4 left-4"></div>
+                          </div>
                         </SwiperSlide>
                       ))}
                     </Swiper>