diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx
index 9e647f9948..e1d2831ec2 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx
@@ -13,6 +13,8 @@ import { useEffect, useRef, useState } from "react";
 
 type TPreviewType = "modal" | "fullwidth" | "email";
 
+let surveyQuestionLengthTemp;
+
 interface PreviewSurveyProps {
   survey: TSurvey | Survey;
   setActiveQuestionId: (id: string | null) => void;
@@ -60,6 +62,14 @@ export default function PreviewSurvey({
     }
   }, [activeQuestionId, survey.type, survey, setActiveQuestionId]);
 
+  useEffect(() => {
+    if (survey.questions.length !== surveyQuestionLengthTemp) {
+      resetQuestionProgress();
+      surveyQuestionLengthTemp = survey.questions.length;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [survey.questions.length]);
+
   function resetQuestionProgress() {
     let storePreviewMode = previewMode;
     setPreviewMode("null");