градиент отображается в варианте expanded

src/pages/ViewPublicationPage/StartPageViewPublication.tsx

@@ -74,6 +74,7 @@ export const StartPageViewPublication = ({ setVisualStartPage }: Props) => {
       className="quiz-preview-draghandle"
       sx={{
         height: "100vh",
+        width: "100vw",
         background:
           quiz.config.startpageType === "expanded"
             ? quiz.config.startpage.position === "left"
@@ -82,6 +83,7 @@ export const StartPageViewPublication = ({ setVisualStartPage }: Props) => {
               ? "linear-gradient(180deg,transparent,#272626)"
               : "linear-gradient(270deg,#272626,transparent)"
             : "",
+
         color: quiz.config.startpageType === "expanded" ? "white" : "black",
       }}
     >
@@ -296,7 +298,7 @@ function QuizPreviewLayoutByType({
               width: "40%",
               position: "relative",
               padding: "16px",
-              zIndex: 2,
+              zIndex: 3,
               display: "flex",
               flexDirection: "column",
               justifyContent: "space-between",
@@ -309,11 +311,11 @@ function QuizPreviewLayoutByType({
           <Box
             sx={{
               position: "absolute",
+              zIndex: -1,
               left: 0,
               top: 0,
               height: "100%",
               width: "100%",
-              zIndex: 1,
               overflow: "hidden",
             }}
           >