diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx
index 0915a7d..4527c59 100644
--- a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx
+++ b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx
@@ -96,75 +96,79 @@ const ExpandedLayout = ({
quizHeaderBlock,
quizMainBlock,
backgroundBlock,
-}: LayoutProps) => (
- <>
-
+}: LayoutProps) => {
+ const size = useRootContainerSize();
+ const isTablet = size >= 700 && size < 1100;
+ return (
+ <>
- {alignType !== "center" && quizHeaderBlock}
- {quizMainBlock}
+
+ {alignType !== "center" && quizHeaderBlock}
+ {quizMainBlock}
+
-
-
- {backgroundBlock}
-
- >
-);
+
+ {backgroundBlock}
+
+ >
+ );
+}
const CenteredLayout = ({
quizHeaderBlock,
@@ -177,7 +181,7 @@ const CenteredLayout = ({
{
alignItems: "center",
flexWrap: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center"? "nowrap" : "wrap",
gap: isMobile? "20px" : "30px",
- mb: settings.cfg.startpageType === "centered" ? "25px" : "7px",
+ mb: settings.cfg.startpageType === "centered" ? isMobile? "20px" : "25px" : "7px",
+ justifyContent: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile? "center" : undefined
}}
>
{settings.cfg.startpage.logo &&
@@ -136,6 +137,7 @@ export const StartPageViewPublication = () => {
alignItems: "center",
gap: "7px",
textDecoration: "none",
+ marginLeft: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && !isTablet &&!isMobile ? "50px" : undefined
}}
>