diff --git a/lib/components/ViewPublicationPage/ContactForm/ContactForm.tsx b/lib/components/ViewPublicationPage/ContactForm/ContactForm.tsx
index 2e0c454..15a0926 100644
--- a/lib/components/ViewPublicationPage/ContactForm/ContactForm.tsx
+++ b/lib/components/ViewPublicationPage/ContactForm/ContactForm.tsx
@@ -13,346 +13,358 @@ import {quizThemes} from "@utils/themes/Publication/themePublication.ts";
 import {enqueueSnackbar} from "notistack";
 import {useRootContainerSize} from "@contexts/RootContainerWidthContext.ts";
 import {
-  FormContactFieldData,
-  FormContactFieldName,
+    FormContactFieldData,
+    FormContactFieldName,
 } from "@model/settingsData.ts";
 import {
-  Inputs
+    Inputs
 } from "@/components/ViewPublicationPage/ContactForm/Inputs/Inputs.tsx";
 import {EMAIL_REGEXP} from "@utils/emailRegexp.tsx";
 import {
-  ContactTextBlock
+    ContactTextBlock
 } from "@/components/ViewPublicationPage/ContactForm/ContactTextBlock/ContactTextBlock.tsx";
 
 
 type Props = {
-  currentQuestion: AnyTypedQuizQuestion;
-  onShowResult: () => void;
+    currentQuestion: AnyTypedQuizQuestion;
+    onShowResult: () => void;
 };
 
-export const ContactForm = ({ currentQuestion, onShowResult }: Props) => {
-  const theme = useTheme();
-  const { settings, questions, quizId, show_badge, preview } = useQuizData();
+export const ContactForm = ({currentQuestion, onShowResult}: Props) => {
+    const theme = useTheme();
+    const {settings, questions, quizId, show_badge, preview} = useQuizData();
 
-  const [ready, setReady] = useState(false);
-  const [name, setName] = useState("");
-  const [email, setEmail] = useState("");
-  const [phone, setPhone] = useState("");
-  const [text, setText] = useState("");
-  const [adress, setAdress] = useState("");
-  const [screenHeight, setScreenHeight] = useState<number>(window.innerHeight);
+    const [ready, setReady] = useState(false);
+    const [name, setName] = useState("");
+    const [email, setEmail] = useState("");
+    const [phone, setPhone] = useState("");
+    const [text, setText] = useState("");
+    const [adress, setAdress] = useState("");
+    const [screenHeight, setScreenHeight] = useState<number>(window.innerHeight);
 
-  const fireOnce = useRef(true);
-  const [fire, setFire] = useState(false);
-  const isMobile = useRootContainerSize() < 850;
-  const isTablet = useRootContainerSize() < 1000;
+    const fireOnce = useRef(true);
+    const [fire, setFire] = useState(false);
+    const isMobile = useRootContainerSize() < 850;
+    const isTablet = useRootContainerSize() < 1000;
 
-  useEffect(() => {
-    function handleResize() {
-      setScreenHeight(window.innerHeight);
-    }
-
-    window.addEventListener("resize", handleResize);
-
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, []);
-
-  const resultQuestion =
-    currentQuestion.type === "result"
-      ? currentQuestion
-      : questions.find((question): question is QuizQuestionResult => {
-        if (settings?.cfg.haveRoot) {
-          return (
-            question.type === "result" &&
-            question.content.rule.parentId === currentQuestion.content.id
-          );
-        } else {
-          return (
-            question.type === "result" &&
-            question.content.rule.parentId === "line"
-          );
+    useEffect(() => {
+        function handleResize() {
+            setScreenHeight(window.innerHeight);
         }
-      });
 
-  if (!resultQuestion) throw new Error("Result question not found");
+        window.addEventListener("resize", handleResize);
 
-  const inputHC = async () => {
-    const FC = settings.cfg.formContact.fields || settings.cfg.formContact;
-    const body: SendFCParams["body"] = {};
-    if (name.length > 0) body.name = name;
-    if (email.length > 0) body.email = email;
-    if (phone.length > 0) body.phone = phone;
-    if (adress.length > 0) body.address = adress;
-    if (text.length > 0) body.customs = { [FC.text.text || "Фамилия"]: text };
+        return () => {
+            window.removeEventListener("resize", handleResize);
+        };
+    }, []);
 
-    if (Object.keys(body).length > 0) {
-      try {
-        await sendFC({
-          questionId: currentQuestion.id,
-          body: body,
-          qid: quizId,
-          preview,
-        });
+    const resultQuestion =
+        currentQuestion.type === "result"
+            ? currentQuestion
+            : questions.find((question): question is QuizQuestionResult => {
+                if (settings?.cfg.haveRoot) {
+                    return (
+                        question.type === "result" &&
+                        question.content.rule.parentId === currentQuestion.content.id
+                    );
+                } else {
+                    return (
+                        question.type === "result" &&
+                        question.content.rule.parentId === "line"
+                    );
+                }
+            });
 
-        const sessions = JSON.parse(localStorage.getItem("sessions") || "{}");
-        localStorage.setItem(
-          "sessions",
-          JSON.stringify({ ...sessions, [quizId]: new Date().getTime() })
-        );
-      } catch (e) {
-        enqueueSnackbar("ответ не был засчитан");
-      }
-    }
-  };
+    if (!resultQuestion) throw new Error("Result question not found");
 
-  const FCcopy: Record<FormContactFieldName, FormContactFieldData> =
-    settings.cfg.formContact.fields || settings.cfg.formContact;
+    const inputHC = async () => {
+        const FC = settings.cfg.formContact.fields || settings.cfg.formContact;
+        const body: SendFCParams["body"] = {};
+        if (name.length > 0) body.name = name;
+        if (email.length > 0) body.email = email;
+        if (phone.length > 0) body.phone = phone;
+        if (adress.length > 0) body.address = adress;
+        if (text.length > 0) body.customs = {[FC.text.text || "Фамилия"]: text};
 
-  const filteredFC: Partial<
-    Record<FormContactFieldName, FormContactFieldData>
-  > = {};
-  for (const i in FCcopy) {
-    const field = FCcopy[i as keyof typeof FCcopy];
-    if (field.used) {
-      filteredFC[i as FormContactFieldName] = field;
-    }
-  }
+        if (Object.keys(body).length > 0) {
+            try {
+                await sendFC({
+                    questionId: currentQuestion.id,
+                    body: body,
+                    qid: quizId,
+                    preview,
+                });
 
-  async function handleShowResultsClick() {
-    const FC = settings.cfg.formContact.fields;
-    if (FC["email"].used !== EMAIL_REGEXP.test(email)) {
-      return enqueueSnackbar("введена некорректная почта");
+                const sessions = JSON.parse(localStorage.getItem("sessions") || "{}");
+                localStorage.setItem(
+                    "sessions",
+                    JSON.stringify({
+                        ...sessions,
+                        [quizId]: new Date().getTime()
+                    })
+                );
+            } catch (e) {
+                enqueueSnackbar("ответ не был засчитан");
+            }
+        }
+    };
+
+    const FCcopy: Record<FormContactFieldName, FormContactFieldData> =
+        settings.cfg.formContact.fields || settings.cfg.formContact;
+
+    const filteredFC: Partial<
+        Record<FormContactFieldName, FormContactFieldData>
+    > = {};
+    for (const i in FCcopy) {
+        const field = FCcopy[i as keyof typeof FCcopy];
+        if (field.used) {
+            filteredFC[i as FormContactFieldName] = field;
+        }
     }
 
-    if (fireOnce.current) {
-      if (
-        name.length === 0 &&
-        email.length === 0 &&
-        phone.length === 0 &&
-        text.length === 0 &&
-        adress.length === 0
-      )
-        return enqueueSnackbar("Пожалуйста, заполните поля");
+    async function handleShowResultsClick() {
+        const FC = settings.cfg.formContact.fields;
+        if (FC["email"].used !== EMAIL_REGEXP.test(email)) {
+            return enqueueSnackbar("введена некорректная почта");
+        }
 
-      //почта валидна, хоть одно поле заполнено
-      setFire(true);
-      try {
-        await inputHC();
-        fireOnce.current = false;
-        const sessions = JSON.parse(localStorage.getItem("sessions") || "{}");
-        sessions[quizId] = Date.now();
-        localStorage.setItem("sessions", JSON.stringify(sessions));
+        if (fireOnce.current) {
+            if (
+                name.length === 0 &&
+                email.length === 0 &&
+                phone.length === 0 &&
+                text.length === 0 &&
+                adress.length === 0
+            )
+                return enqueueSnackbar("Пожалуйста, заполните поля");
 
+            //почта валидна, хоть одно поле заполнено
+            setFire(true);
+            try {
+                await inputHC();
+                fireOnce.current = false;
+                const sessions = JSON.parse(localStorage.getItem("sessions") || "{}");
+                sessions[quizId] = Date.now();
+                localStorage.setItem("sessions", JSON.stringify(sessions));
+
+                //@ts-ignore
+                const YM = window?.ym;
+                //@ts-ignore
+                const VP = window?._tmr;
+                if (YM !== undefined && settings.cfg.yandexMetricNumber !== undefined) {
+                    YM(
+                        settings.cfg.yandexMetricNumber,
+                        "reachGoal",
+                        "penaquiz-contacts"
+                    );
+                }
+                if (VP !== undefined && settings.cfg.vkMetricNumber !== undefined) {
+                    VP.push({
+                        type: "reachGoal",
+                        id: settings.cfg.vkMetricNumber,
+                        goal: "penaquiz-contacts"
+                    });
+                }
+            } catch (e) {
+                enqueueSnackbar("повторите попытку позже");
+            }
+            if (settings.cfg.resultInfo.showResultForm === "after") {
+                onShowResult();
+            }
+        }
+
+        setFire(false);
+    }
+
+    useEffect(() => {
         //@ts-ignore
         const YM = window?.ym;
         //@ts-ignore
         const VP = window?._tmr;
         if (YM !== undefined && settings.cfg.yandexMetricNumber !== undefined) {
-          YM(
-            settings.cfg.yandexMetricNumber,
-            "reachGoal",
-            "penaquiz-contacts"
-          );
+            YM(
+                settings.cfg.yandexMetricNumber,
+                "reachGoal",
+                "penaquiz-form"
+            );
         }
         if (VP !== undefined && settings.cfg.vkMetricNumber !== undefined) {
-          VP.push({
-            type: "reachGoal",
-            id: settings.cfg.vkMetricNumber,
-            goal: "penaquiz-contacts"
-          });
+            VP.push({
+                type: "reachGoal",
+                id: settings.cfg.vkMetricNumber,
+                goal: "penaquiz-form"
+            });
         }
-      } catch (e) {
-        enqueueSnackbar("повторите попытку позже");
-      }
-      if (settings.cfg.resultInfo.showResultForm === "after") {
-        onShowResult();
-      }
-    }
+    }, [])
 
-    setFire(false);
-  }
-  useEffect(() => {
-    //@ts-ignore
-    const YM = window?.ym;
-    //@ts-ignore
-    const VP = window?._tmr;
-    if (YM !== undefined && settings.cfg.yandexMetricNumber !== undefined) {
-      YM(
-        settings.cfg.yandexMetricNumber,
-        "reachGoal",
-        "penaquiz-form"
-      );
-    }
-    if (VP !== undefined && settings.cfg.vkMetricNumber !== undefined) {
-      VP.push({
-        type: "reachGoal",
-        id: settings.cfg.vkMetricNumber,
-        goal: "penaquiz-form"
-      });
-    }
-  }, [])
-
-  return (
-    <Box
-      sx={{
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: theme.palette.background.default,
-        height: screenHeight > 500 ? "100%" : "auto",
-        overflow: "auto",
-        "&::-webkit-scrollbar": {
-          width: "0",
-          display: "none",
-          msOverflowStyle: "none",
-        },
-        scrollbarWidth: "none",
-        msOverflowStyle: "none",
-        backgroundPosition: "center",
-        backgroundSize: "cover",
-        backgroundImage:
-          settings.cfg.design && !isMobile
-            ? quizThemes[settings.cfg.theme].isLight
-              ? `url(${DESIGN_LIST[settings.cfg.theme]})`
-                  : `linear-gradient(90deg, rgba(39, 38, 38, 0.95) 7.66%, rgba(42, 42, 46, 0.85) 42.12%, rgba(51, 54, 71, 0.4) 100%), url(${DESIGN_LIST[settings.cfg.theme]
-              })`
-            : null,
-      }}
-    >
-      <Box
-        sx={{
-          width: !isMobile ? "100%" : isMobile ? undefined : "530px",
-          borderRadius: "4px",
-          height: isMobile ? "100%" : "auto",
-          minHeight: "100%",
-          display: isMobile ? undefined : "flex",
-          background:
-            settings.cfg.design && !isMobile
-              ? undefined
-              : theme.palette.background.default,
-        }}
-      >
-          <ContactTextBlock settings={settings} />
-        <Box sx={{
-          flexGrow: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          flexDirection: "column",
-          backgroundColor: theme.palette.background.default,
-          height:  "auto",
-        }}>
-          <Box
-          sx={{
-            display: "flex",
-            alignItems: isMobile ? undefined : "center",
-            justifyContent: "center",
-            flexDirection: "column",
-            p: isMobile ? "0 20px" : isTablet ? "0px 40px 30px 60px" : "125px 60px 30px 60px",
-          }}
-        >
-          <Box
+    return (
+        <Box
             sx={{
-              display: "flex",
-              flexDirection: "column",
-              mt: isMobile ? "10px" : "20px",
-              mb: "20px"
-            }}
-          >
-            <Inputs
-              name={name}
-              setName={setName}
-              email={email}
-              setEmail={setEmail}
-              phone={phone}
-              setPhone={setPhone}
-              text={text}
-              setText={setText}
-              adress={adress}
-              setAdress={setAdress}
-            />
-          </Box>
-          <Box
-            sx={{
-              display: "flex",
-              width: isMobile ? "300px" : "390px",
-            }}
-          >
-            <CustomCheckbox
-              label=""
-              handleChange={({ target }) => {
-                setReady(target.checked);
-              }}
-              checked={ready}
-              colorIcon={theme.palette.primary.main}
-              sx={{ marginRight: "0" }}
-            />
-            <Typography sx={{ color: theme.palette.text.primary, lineHeight: "18.96px" }} fontSize={"16px"} >
-              С&ensp;
-              <Link href={"https://shub.pena.digital/ppdd"} target="_blank">
-                Положением об обработке персональных данных{" "}
-              </Link>
-              &ensp;и&ensp;
-              <Link
-                href={"https://shub.pena.digital/docs/privacy"}
-                target="_blank"
-              >
-                {" "}
-                Политикой конфиденциальности{" "}
-              </Link>
-              &ensp;ознакомлен
-            </Typography>
-          </Box>
-
-            <Button
-              disabled={!(ready && !fire)}
-              variant="contained"
-              onClick={handleShowResultsClick}
-              sx={{
-                border: `1px solid ${theme.palette.primary.main}`,
-                margin: isMobile ? "auto" : undefined,
-                mt: "20px",
-                p: "10px 20px",
-                "&:disabled": {
-                  border: "1px solid #9A9AAF",
-                  color: "#9A9AAF",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: theme.palette.background.default,
+                height: screenHeight > 500 ? "100%" : "auto",
+                overflow: "auto",
+                "&::-webkit-scrollbar": {
+                    width: "0",
+                    display: "none",
+                    msOverflowStyle: "none",
                 },
-
-              }}
+                scrollbarWidth: "none",
+                msOverflowStyle: "none",
+                backgroundPosition: "center",
+                backgroundSize: "cover",
+                backgroundImage:
+                    settings.cfg.design && !isMobile
+                        ? quizThemes[settings.cfg.theme].isLight
+                            ? `url(${DESIGN_LIST[settings.cfg.theme]})`
+                            : `linear-gradient(90deg, rgba(39, 38, 38, 0.95) 7.66%, rgba(42, 42, 46, 0.85) 42.12%, rgba(51, 54, 71, 0.4) 100%), url(${DESIGN_LIST[settings.cfg.theme]
+                            })`
+                        : null,
+            }}
+        >
+            <Box
+                sx={{
+                    width: !isMobile ? "100%" : isMobile ? undefined : "530px",
+                    borderRadius: "4px",
+                    height: isMobile ? "100%" : "auto",
+                    minHeight: "100%",
+                    display: "flex",
+                    flexDirection: isMobile ? "column" : "row",
+                    background:
+                        settings.cfg.design && !isMobile
+                            ? undefined
+                            : theme.palette.background.default,
+                }}
             >
-              {settings.cfg.formContact?.button || "Получить результаты"}
-            </Button>
-          </Box>
-          {show_badge && (
-              <Box
-                  component={Link}
-                  target={"_blank"}
-                  href={`https://${window.location.hostname.includes("s") ? "s" : ""
-                  }quiz.pena.digital/squiz/quiz/logo?q=${quizId}`}
-                  sx={{
+                <ContactTextBlock settings={settings}/>
+                <Box sx={{
+                    flexGrow: isMobile ? 1 : 0,
                     display: "flex",
                     alignItems: "center",
-                    mt: "55px",
-                    mb: isMobile? "30px": isTablet? "40px" :"50px",
-                    gap: "10px",
-                    textDecoration: "none",
-                  }}
-              >
-                <NameplateLogo
-                    style={{
-                      fontSize: "20px",
-                      color: quizThemes[settings.cfg.theme].isLight
-                          ? "#151515"
-                          : "#FFFFFF",
-                    }}
-                />
-              </Box>
-          )}
+                    justifyContent: "space-between",
+                    flexDirection: "column",
+                    backgroundColor: theme.palette.background.default,
+                    height: "auto",
+                }}>
+                    <Box
+                        sx={{
+                            display: "flex",
+                            alignItems: isMobile ? undefined : "center",
+                            justifyContent: "center",
+                            flexDirection: "column",
+                            p: isMobile ? "0 20px" : isTablet ? "105px 40px 0 60px" : "105px 60px 0 60px",
+                            margin: isMobile ? "0" : "auto 0",
+                        }}
+                    >
+                        <Box
+                            sx={{
+                                display: "flex",
+                                flexDirection: "column",
+                                mt: isMobile ? "10px" : "20px",
+                                mb: "20px"
+                            }}
+                        >
+                            <Inputs
+                                name={name}
+                                setName={setName}
+                                email={email}
+                                setEmail={setEmail}
+                                phone={phone}
+                                setPhone={setPhone}
+                                text={text}
+                                setText={setText}
+                                adress={adress}
+                                setAdress={setAdress}
+                            />
+                        </Box>
+                        <Box
+                            sx={{
+                                display: "flex",
+                                width: isMobile ? "300px" : "390px",
+                            }}
+                        >
+                            <CustomCheckbox
+                                label=""
+                                handleChange={({target}) => {
+                                    setReady(target.checked);
+                                }}
+                                checked={ready}
+                                colorIcon={theme.palette.primary.main}
+                                sx={{marginRight: "0"}}
+                            />
+                            <Typography sx={{
+                                color: theme.palette.text.primary,
+                                lineHeight: "18.96px"
+                            }} fontSize={"16px"}>
+                                С&ensp;
+                                <Link href={"https://shub.pena.digital/ppdd"}
+                                      target="_blank">
+                                    Положением об обработке персональных
+                                    данных{" "}
+                                </Link>
+                                &ensp;и&ensp;
+                                <Link
+                                    href={"https://shub.pena.digital/docs/privacy"}
+                                    target="_blank"
+                                >
+                                    {" "}
+                                    Политикой конфиденциальности{" "}
+                                </Link>
+                                &ensp;ознакомлен
+                            </Typography>
+                        </Box>
+
+                        <Button
+                            disabled={!(ready && !fire)}
+                            variant="contained"
+                            onClick={handleShowResultsClick}
+                            sx={{
+                                border: `1px solid ${theme.palette.primary.main}`,
+                                margin: isMobile ? "auto" : undefined,
+                                mt: "20px",
+                                p: "10px 20px",
+                                "&:disabled": {
+                                    border: "1px solid #9A9AAF",
+                                    color: "#9A9AAF",
+                                },
+
+                            }}
+                        >
+                            {settings.cfg.formContact?.button || "Получить результаты"}
+                        </Button>
+                    </Box>
+                    {show_badge && (
+                        <Box
+                            component={Link}
+                            target={"_blank"}
+                            href={`https://${window.location.hostname.includes("s") ? "s" : ""
+                            }quiz.pena.digital/squiz/quiz/logo?q=${quizId}`}
+                            sx={{
+                                display: "flex",
+                                alignItems: "center",
+                                mt: "55px",
+                                mb: isMobile ? "30px" : isTablet ? "40px" : "50px",
+                                gap: "10px",
+                                textDecoration: "none",
+                                margitTop: "auto",
+                            }}
+                        >
+                            <NameplateLogo
+                                style={{
+                                    fontSize: "20px",
+                                    color: quizThemes[settings.cfg.theme].isLight
+                                        ? "#151515"
+                                        : "#FFFFFF",
+                                }}
+                            />
+                        </Box>
+                    )}
+                </Box>
+            </Box>
         </Box>
-      </Box>
-    </Box>
-  );
+    );
 };
 
diff --git a/lib/components/ViewPublicationPage/ContactForm/ContactTextBlock/ContactTextBlock.tsx b/lib/components/ViewPublicationPage/ContactForm/ContactTextBlock/ContactTextBlock.tsx
index b8263e6..e76fda9 100644
--- a/lib/components/ViewPublicationPage/ContactForm/ContactTextBlock/ContactTextBlock.tsx
+++ b/lib/components/ViewPublicationPage/ContactForm/ContactTextBlock/ContactTextBlock.tsx
@@ -14,7 +14,7 @@ export const ContactTextBlock: FC<ContactTextBlockProps> = ({settings}) => {
     return (
         <Box
             sx={{
-                flexGrow: 1,
+                flexGrow: isMobile ? 0 : 1,
                 display: "flex",
                 flexDirection: "column",
                 alignItems: "center",
@@ -26,7 +26,7 @@ export const ContactTextBlock: FC<ContactTextBlockProps> = ({settings}) => {
         >
             <Box
                 sx={{
-                    maxWidth: isMobile? "100%" : isTablet? "410px" : "630px",
+                    maxWidth: isMobile ? "100%" : isTablet ? "410px" : "630px",
                     display: "flex",
                     flexDirection: "column",
                     alignItems: "flex-start",
diff --git a/lib/components/ViewPublicationPage/ContactForm/CustomInput/CountrySelector/CountrySelector.tsx b/lib/components/ViewPublicationPage/ContactForm/CustomInput/CountrySelector/CountrySelector.tsx
index 16e3304..0928e97 100644
--- a/lib/components/ViewPublicationPage/ContactForm/CustomInput/CountrySelector/CountrySelector.tsx
+++ b/lib/components/ViewPublicationPage/ContactForm/CustomInput/CountrySelector/CountrySelector.tsx
@@ -7,7 +7,7 @@ type CountrySelectorProps = {
     setMask: Dispatch<SetStateAction<string>>;
 }
 
-export const CountrySelector:FC<CountrySelectorProps> = ({setMask}) => {
+export const CountrySelector: FC<CountrySelectorProps> = ({setMask}) => {
     const theme = useTheme();
     const [country, setCountry] = useState('RU');
 
@@ -24,6 +24,8 @@ export const CountrySelector:FC<CountrySelectorProps> = ({setMask}) => {
                 PaperProps: {
                     style: {
                         backgroundColor: theme.palette.background.default,
+                        borderRadius: '12px',
+                        scrollbarWidth: "none",
                     },
                 },
             }}
@@ -55,7 +57,8 @@ export const CountrySelector:FC<CountrySelectorProps> = ({setMask}) => {
             }}
         >
             {Object.keys(phoneMasksByCountry).map((countryCode) => {
-                return <MenuItem value={countryCode}>{phoneMasksByCountry[countryCode][0]}</MenuItem>
+                return <MenuItem
+                    value={countryCode}>{phoneMasksByCountry[countryCode][0]}</MenuItem>
             })}
         </Select>
     );