diff --git a/src/pages/ViewPublicationPage/Question.tsx b/src/pages/ViewPublicationPage/Question.tsx
index 8ae9176..a3fc084 100644
--- a/src/pages/ViewPublicationPage/Question.tsx
+++ b/src/pages/ViewPublicationPage/Question.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { Box, useTheme } from "@mui/material";
+import {Box, useMediaQuery, useTheme} from "@mui/material";
 
 import { useQuestionsStore } from "@root/quizData/store"
 import { getQuestionById } from "@root/quizData/actions";
@@ -46,6 +46,7 @@ const QUESTIONS_MAP: any = {
 
 export const Question = ({ questions }: QuestionProps) => {
   const { settings } = useQuestionsStore()
+  const theme = useTheme();  const isMobile = useMediaQuery(theme.breakpoints.down(650));
   const [currentQuestion, setCurrentQuestion] = useState<AnyTypedQuizQuestion>();
   const [showContactForm, setShowContactForm] = useState<boolean>(false);
   const [showResultForm, setShowResultForm] = useState<boolean>(false);
@@ -71,14 +72,14 @@ export const Question = ({ questions }: QuestionProps) => {
 
   const QuestionComponent =
     QUESTIONS_MAP[currentQuestion.type as Exclude<QuestionType, "nonselected">];
-  const theme = useTheme();
+
   return (
     <Box
       sx={{
-        backgroundColor: theme.palette.background.default
+        backgroundColor: theme.palette.background.default,
+        height: isMobile ? undefined : "100vh"
       }}
 
-      height="100vh"
     >
       {!showContactForm && !showResultForm && (
         <Box
diff --git a/src/pages/ViewPublicationPage/ResultForm.tsx b/src/pages/ViewPublicationPage/ResultForm.tsx
index 791ea2f..329b941 100644
--- a/src/pages/ViewPublicationPage/ResultForm.tsx
+++ b/src/pages/ViewPublicationPage/ResultForm.tsx
@@ -66,7 +66,7 @@ export const ResultForm = ({
           flexDirection: "column",
           alignItems: "center",
           justifyContent: "space-between",
-          height: "100vh",
+          height: isMobile ? undefined : "100vh",
           width: "100vw",
           pt: "28px",
         }}
diff --git a/src/pages/ViewPublicationPage/StartPageViewPublication.tsx b/src/pages/ViewPublicationPage/StartPageViewPublication.tsx
index 62ac527..89283b2 100644
--- a/src/pages/ViewPublicationPage/StartPageViewPublication.tsx
+++ b/src/pages/ViewPublicationPage/StartPageViewPublication.tsx
@@ -432,7 +432,7 @@ function QuizPreviewLayoutByType({
                 padding: "16px",
                 display: "flex",
                 flexDirection: "column",
-                justifyContent: "center",
+                justifyContent: "space-between",
                 alignItems: "center",
                 height: "100%",
                 "&::-webkit-scrollbar": { width: 0 },