Merge branch 'fix-select' into tomain

src/pages/Tariffs/Tariffs.tsx

@@ -174,7 +174,7 @@ function TariffPage() {
           <ArrowLeft color="black" />
         </IconButton>
         <Box sx={{ display: "flex", ml: "auto" }}>
-          <Box sx={{ ml: "8px", whiteSpace: "nowrap" }}>
+          <Box sx={{ whiteSpace: "nowrap" }}>
             <Typography
               sx={{
                 fontSize: "12px",

src/pages/createQuize/FirstQuiz.tsx

@@ -14,9 +14,9 @@ export default function FirstQuiz() {
       sx={{
         mt: "25px",
         mb: "70px",
+        padding: "10px",
       }}
     >
-      <ComplexNavText text1="Кабинет quiz" />
       <Typography
         variant="h4"
         sx={{

src/ui_kit/QuizPreview/QuizPreviewLayout.tsx

@@ -154,6 +154,7 @@ export default function QuizPreviewLayout() {
                     display: "flex",
                     flexDirection: "column",
                     gap: "8px",
+                    maxWidth: "330px",
                     "& .Mui-selected": {
                       backgroundColor: theme.palette.background.default,
                       color: theme.palette.primary.main,
@@ -168,6 +169,8 @@ export default function QuizPreviewLayout() {
                   alignItems: "center",
                   px: "9px",
                   gap: "20px",
+                  width: "90%",
+                  paddingRight: 0
                 },
               }}
               IconComponent={ArrowDownTheme}
@@ -184,6 +187,8 @@ export default function QuizPreviewLayout() {
                       p: "4px",
                       borderRadius: "5px",
                       color: "#9A9AAF",
+                      wordBreak: "break-word",
+                      whiteSpace: "pre-wrap",
                     }}
                   >
                     {`${index + 1}. ${title}`}

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx

@@ -94,15 +94,20 @@ export default function Text({ question }: Props) {
               alignItems: "center",
               px: "9px",
               gap: "20px",
+              width: "90%",
+              paddingLeft: "10px",
               "& + input": !selectValue && {
                 backgroundColor: theme.palette.background.default,
                 border: "none",
                 transform: "translateY(-50%)",
                 top: "50%",
-                left: "10px",
                 opacity: 1,
                 color: "#333",
                 fontSize: "16px",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                paddingLeft: "10px",
+                width: "90%",
               },
             },
           }}