remove viewport css units breaking layout

lib/components/ViewPublicationPage/ResultForm.tsx

@@ -32,7 +32,7 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
                 alignItems: "center",
                 justifyContent: "space-between",
                 height: "100%",
-                width: "100vw",
+                width: "100%",
                 pt: "28px",
                 overflow: "auto",
             }}

lib/components/ViewPublicationPage/StartPageViewPublication.tsx

@@ -21,7 +21,7 @@ export const StartPageViewPublication = () => {
     const handleCopyNumber = () => {
         navigator.clipboard.writeText(settings.cfg.info.phonenumber);
     };
-    console.log(settings.cfg.startpage.background.type)
+    console.log(settings.cfg.startpage.background.type);
 
     const background =
         settings.cfg.startpage.background.type === "image" ? (
@@ -45,9 +45,7 @@ export const StartPageViewPublication = () => {
                         width:
                             settings.cfg.startpageType === "centered"
                                 ? "550px"
-                                : settings.cfg.startpageType === "expanded"
-                                    ? "100vw"
-                                    : "100%",
+                                : "100%",
                         height:
                             settings.cfg.startpageType === "centered"
                                 ? "275px"
@@ -345,7 +343,7 @@ function QuizPreviewLayoutByType({
                         <StartPageMobile />
                     ) : (
                         <Box
-                        id="pain"
+                            id="pain"
                             sx={{
                                 display: "flex",
                                 flexDirection: alignType === "left" ? (isMobile ? "column-reverse" : "row") : "row-reverse",

lib/components/ViewPublicationPage/questions/Page.tsx

@@ -43,7 +43,7 @@ export const Page = ({ currentQuestion }: PageProps) => {
           containerSX={{
             width: "100%",
             height: "calc(100% - 270px)",
-            maxHeight: "80vh",
+            maxHeight: "80%",
             objectFit: "contain",
           }}
           videoUrl={currentQuestion.content.video}