diff --git a/public/videos/hq/roof_reset16.mp4 b/public/videos/hq/reset16.mp4
similarity index 100%
rename from public/videos/hq/roof_reset16.mp4
rename to public/videos/hq/reset16.mp4
diff --git a/public/videos/hq/roof.mp4 b/public/videos/hq/roof.mp4
new file mode 100644
index 0000000..0f2dcd3
Binary files /dev/null and b/public/videos/hq/roof.mp4 differ
diff --git a/public/videos/hq/unit-types/loft-edge.mp4 b/public/videos/hq/unit-types/loft-edge.mp4
new file mode 100644
index 0000000..6c77d11
Binary files /dev/null and b/public/videos/hq/unit-types/loft-edge.mp4 differ
diff --git a/public/videos/hq/unit-types/penthouse-loft.mp4 b/public/videos/hq/unit-types/penthouse-loft.mp4
new file mode 100644
index 0000000..ca673bd
Binary files /dev/null and b/public/videos/hq/unit-types/penthouse-loft.mp4 differ
diff --git a/public/videos/hq/unit-types/presidential-loft.mp4 b/public/videos/hq/unit-types/presidential-loft.mp4
new file mode 100644
index 0000000..7885710
Binary files /dev/null and b/public/videos/hq/unit-types/presidential-loft.mp4 differ
diff --git a/public/videos/hq/unit-types/studio.mp4 b/public/videos/hq/unit-types/studio.mp4
new file mode 100644
index 0000000..7961c30
Binary files /dev/null and b/public/videos/hq/unit-types/studio.mp4 differ
diff --git a/src/components/ModalContainer.tsx b/src/components/ModalContainer.tsx
index fd35031..1603d44 100644
--- a/src/components/ModalContainer.tsx
+++ b/src/components/ModalContainer.tsx
@@ -45,7 +45,7 @@ function ModalContainer() {
         <div ref={rootRef} key={"modal"} className="h-full">
           <div
             ref={popoverRef}
-            className="bg-black/70 fixed inset-0 max-md:top-14 flex flex-col items-center justify-center overflow-y-auto z-10"
+            className="bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-50 flex-col justify-center items-center"
           >
             <div className="max-h-full">
               <motion.div
diff --git a/src/components/VideoModal.tsx b/src/components/VideoModal.tsx
index 8580fb3..4478368 100644
--- a/src/components/VideoModal.tsx
+++ b/src/components/VideoModal.tsx
@@ -1,6 +1,6 @@
 function VideoModal({ src }: { src: string }) {
   return (
-    <div className="flex justify-center items-center z-10 h-dvh w-full">
+    <div className="h-dvh flex z-10 justify-center items-center w-full">
       <video
         src={src}
         className="object-cover max-w-[95%] 2xl:rounded-[0.833vw] rounded-xl max-2xl:landscape:h-[calc(100dvh-56px)]"
diff --git a/src/data/floors/hq.ts b/src/data/floors/hq.ts
index 08e2c5b..4735769 100644
--- a/src/data/floors/hq.ts
+++ b/src/data/floors/hq.ts
@@ -16,7 +16,7 @@ export const hqFloors: FloorData[] = [
       { icon: "", title: "Sculptural ribbon seating" },
       { icon: "", title: "Social corner" },
       { icon: "", title: "Observation deck" },
-      { icon: "", title: "Co-working zone" }
+      { icon: "", title: "Co-working zone" },
     ],
     images: {
       main: "/images/floor-plans/hq/roof.jpg",
@@ -25,7 +25,7 @@ export const hqFloors: FloorData[] = [
         "/images/floor-plans/hq/roof/content2.jpg",
       ],
     },
-    video: "/videos/hq/roof_reset16.mp4",
+    video: "/videos/hq/roof.mp4",
   },
 
   // Reset 16
@@ -58,7 +58,7 @@ export const hqFloors: FloorData[] = [
         "/images/floor-plans/hq/reset-16/content2.jpg",
       ],
     },
-    video: "/videos/hq/roof_reset16.mp4",
+    video: "/videos/hq/reset16.mp4",
   },
 
   // Podium Level