From c9bae02ca18b849bb392f2537492de4f02bbb1bf Mon Sep 17 00:00:00 2001
From: TheodorTomas <theodortomas@gmail.com>
Date: Mon, 9 Feb 2026 13:39:38 +0700
Subject: [PATCH] fix: use consistent fixed height for theme styling preview

Use a single 660px fixed height for the theme styling preview container
for both app and link survey types, replacing the previous conditional
height that left the link survey preview too short.
---
 .../ui/components/theme-styling-preview-survey/index.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx b/apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx
index 2554f0f94b..e2d7a8a45d 100644
--- a/apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx
+++ b/apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx
@@ -92,7 +92,7 @@ export const ThemeStylingPreviewSurvey = ({
     },
     shrink: {
       width: ["83.33%"],
-      height: isAppSurvey ? ["600px"] : "auto", // Fixed height for App survey visibility
+      height: ["660px"],
     },
   };
 
@@ -148,7 +148,8 @@ export const ThemeStylingPreviewSurvey = ({
         }
         className={cn(
           "relative z-10 flex w-5/6 flex-col rounded-lg border border-slate-300 shadow-xl",
-          isAppSurvey ? "h-[600px] max-h-[95%] bg-slate-200" : "h-auto max-h-[85%] overflow-y-auto bg-white"
+          "h-[660px] max-h-[95%]",
+          isAppSurvey ? "bg-slate-200" : "overflow-y-auto bg-white"
         )}>
         <div className="flex h-auto w-full items-center rounded-t-lg bg-slate-100 py-2">
           <div className="ml-6 flex space-x-2">