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,8 +45,6 @@ export const StartPageViewPublication = () => {
                         width:
                             settings.cfg.startpageType === "centered"
                                 ? "550px"
-                                : settings.cfg.startpageType === "expanded"
-                                    ? "100vw"
                                 : "100%",
                         height:
                             settings.cfg.startpageType === "centered"

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}