Fix for mobile views padding

apps/web/modules/survey/link/components/link-survey-wrapper.tsx

@@ -78,9 +78,9 @@ export const LinkSurveyWrapper = ({
           surveyType={surveyType}
           styling={styling}
           onBackgroundLoaded={handleBackgroundLoaded}>
-          <div className="flex max-h-dvh min-h-dvh items-start justify-center overflow-clip pt-[16dvh]">
+          <div className="xs:items-end flex max-h-dvh min-h-dvh justify-center overflow-clip pt-[16dvh] md:items-start">
             {!styling.isLogoHidden && project.logo?.url && <ClientLogo projectLogo={project.logo} />}
-            <div className="h-full w-full max-w-4xl space-y-6 px-1.5">
+            <div className="h-full w-full max-w-4xl space-y-6 md:px-1.5">
               {isPreview && (
                 <div className="fixed left-0 top-0 flex w-full items-center justify-between bg-slate-600 p-2 px-4 text-center text-sm text-white shadow-sm">
                   <div />

packages/surveys/src/components/general/render-survey.tsx

@@ -8,8 +8,8 @@ export function RenderSurvey(props: SurveyContainerProps) {
 
   // Define survey type-specific styles
   const surveyTypeStyles = {
-    "--fb-scrollable-max-height": props.survey.type === "link" ? "56dvh" : "25dvh",
-    "--fb-scrollable-min-height": props.survey.type === "link" ? "0dvh" : "25dvh",
+    "--fb-survey-card-max-height": props.survey.type === "link" ? "56dvh" : "25dvh",
+    "--fb-survey-card-min-height": props.survey.type === "link" ? "0dvh" : "25dvh",
   } as React.CSSProperties;
 
   const close = () => {

packages/surveys/src/components/wrappers/scrollable-container.tsx

@@ -48,8 +48,8 @@ export function ScrollableContainer({ children }: ScrollableContainerProps) {
         ref={containerRef}
         style={{
           scrollbarGutter: "stable both-edges",
-          maxHeight: "var(--fb-scrollable-max-height)",
-          minHeight: "var(--fb-scrollable-min-height)",
+          maxHeight: "var(--fb-survey-card-max-height)",
+          minHeight: "var(--fb-survey-card-min-height)",
         }}
         className={cn("fb-overflow-auto fb-px-4 fb-pb-4 fb-bg-survey-bg")}>
         {children}