diff --git a/lib/components/ViewPublicationPage/questions/Text/TextSpecial.tsx b/lib/components/ViewPublicationPage/questions/Text/TextSpecial.tsx
index af8b8c6..73f30ed 100644
--- a/lib/components/ViewPublicationPage/questions/Text/TextSpecial.tsx
+++ b/lib/components/ViewPublicationPage/questions/Text/TextSpecial.tsx
@@ -8,6 +8,7 @@ import { quizThemes } from "@utils/themes/Publication/themePublication";
 import type { ChangeEvent, FC } from "react";
 import type { QuizQuestionText } from "@model/questionTypes/text";
 import { useQuizStore } from "@/stores/useQuizStore";
+import CustomTextField from "@/ui_kit/CustomTextField";
 
 const TextField = MuiTextField as unknown as FC<TextFieldProps>; // temporary fix ts(2590)
 
@@ -93,33 +94,22 @@ export const TextSpecial = ({ currentQuestion, answer, stepNumber }: TextSpecial
             />
           </Box>
         )}
-        {
-          <TextField
-            autoFocus={true}
-            multiline
-            maxRows={4}
-            placeholder={currentQuestion.content.placeholder}
-            value={answer || ""}
-            onChange={onInputChange}
-            inputProps={{
-              maxLength: 400,
+        <CustomTextField
+          placeholder={currentQuestion.content.placeholder}
+          value={answer || ""}
+          onChange={onInputChange}
+          sx={{
+            "& .MuiOutlinedInput-root": {
               background: settings.cfg.design
                 ? quizThemes[settings.cfg.theme].isLight
                   ? "#F2F3F7"
-                  : "rgba(154,154,175, 0.2)"
+                  : "rgba(255,255,255, 0.3)"
                 : "transparent",
-            }}
-            sx={{
-              width: "100%",
-              "& .MuiOutlinedInput-root": {
-                backgroundColor: settings.cfg.design ? "rgba(154,154,175, 0.2)" : "#FFFFFF",
-              },
-              "&:focus-visible": {
-                borderColor: theme.palette.primary.main,
-              },
-            }}
-          />
-        }
+            },
+            "& .MuiOutlinedInput-notchedOutline": { borderColor: "#9A9AAF" },
+            "&:focus-visible": { borderColor: theme.palette.primary.main },
+          }}
+        />
       </Box>
       {!isHorizontal && currentQuestion.content.back && currentQuestion.content.back !== " " && (
         <Box
diff --git a/lib/components/ViewPublicationPage/questions/Text/TextSpecialHorisontal.tsx b/lib/components/ViewPublicationPage/questions/Text/TextSpecialHorisontal.tsx
index 5da1cd1..5280179 100644
--- a/lib/components/ViewPublicationPage/questions/Text/TextSpecialHorisontal.tsx
+++ b/lib/components/ViewPublicationPage/questions/Text/TextSpecialHorisontal.tsx
@@ -8,6 +8,7 @@ import { quizThemes } from "@utils/themes/Publication/themePublication";
 import type { ChangeEvent, FC } from "react";
 import type { QuizQuestionText } from "@model/questionTypes/text";
 import { useQuizStore } from "@/stores/useQuizStore";
+import CustomTextField from "@/ui_kit/CustomTextField";
 
 const TextField = MuiTextField as unknown as FC<TextFieldProps>; // temporary fix ts(2590)
 
@@ -66,33 +67,22 @@ export const TextSpecialHorisontal = ({ currentQuestion, answer, stepNumber }: T
             />
           </Box>
         )}
-        {
-          <TextField
-            autoFocus={true}
-            multiline
-            maxRows={4}
-            placeholder={currentQuestion.content.placeholder}
-            value={answer || ""}
-            onChange={onInputChange}
-            inputProps={{
-              maxLength: 400,
+        <CustomTextField
+          placeholder={currentQuestion.content.placeholder}
+          value={answer || ""}
+          onChange={onInputChange}
+          sx={{
+            "& .MuiOutlinedInput-root": {
               background: settings.cfg.design
                 ? quizThemes[settings.cfg.theme].isLight
                   ? "#F2F3F7"
-                  : "rgba(154,154,175, 0.2)"
+                  : "rgba(255,255,255, 0.3)"
                 : "transparent",
-            }}
-            sx={{
-              width: "100%",
-              "& .MuiOutlinedInput-root": {
-                backgroundColor: settings.cfg.design ? "rgba(154,154,175, 0.2)" : "#FFFFFF",
-              },
-              "&:focus-visible": {
-                borderColor: theme.palette.primary.main,
-              },
-            }}
-          />
-        }
+            },
+            "& .MuiOutlinedInput-notchedOutline": { borderColor: "#9A9AAF" },
+            "&:focus-visible": { borderColor: theme.palette.primary.main },
+          }}
+        />
       </Box>
       {!isHorizontal && currentQuestion.content.back && currentQuestion.content.back !== " " && (
         <Box
diff --git a/lib/utils/defineDomain.ts b/lib/utils/defineDomain.ts
index 6424872..94278b9 100644
--- a/lib/utils/defineDomain.ts
+++ b/lib/utils/defineDomain.ts
@@ -12,7 +12,7 @@ const isProduction = !(
 );
 
 //туризм больше не в исключениях
-if (!isProduction) domain = "https://hbpn.link";
+if (!isProduction) domain = "https://s.hbpn.link";
 // domain = "https://hbpn.link";
 
 export { domain, isProduction };
diff --git a/package.json b/package.json
index 1a8f25f..a6473ca 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@frontend/squzanswerer",
-  "version": "1.0.61",
+  "version": "1.0.62",
   "type": "module",
   "main": "./dist-package/index.js",
   "module": "./dist-package/index.js",