diff --git a/components/landing-page/hero.tsx b/components/landing-page/hero.tsx
index 62d59f4c..5aebe217 100644
--- a/components/landing-page/hero.tsx
+++ b/components/landing-page/hero.tsx
@@ -193,6 +193,15 @@ const options = {
 };
 
 const SurveyFormModal = ({ onClose }: { onClose: () => void }) => {
+  useEffect(() => {
+    // Lock body scroll when modal is open
+    document.body.style.overflow = "hidden";
+
+    // Clean up when modal closes
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, []);
   return (
     <Dialog
       open
@@ -200,7 +209,7 @@ const SurveyFormModal = ({ onClose }: { onClose: () => void }) => {
         if (!open) onClose();
       }}
     >
-      <DialogContent className="w-[400px] h-[600px] overflow-y-auto">
+      <DialogContent className="z-50 min-w-max h-[600px] overflow-y-auto">
         <DialogHeader>
           <DialogTitle className="text-lg font-bold">
             SURVEI KEPUASAN PENGGUNA MEDIAHUB POLRI