у эмоджи отображается чекбокс

lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx

@@ -187,25 +187,25 @@ export const EmojiVariant = ({
       <FormControlLabel
         key={variant.id}
         sx={{
+          textAlign: "center",
+          color: theme.palette.text.primary,
           margin: 0,
           padding: "15px",
-          color: theme.palette.text.primary,
           display: "flex",
-          gap: "10px",
           alignItems: variant.answer.length <= 60 ? "center" : "flex-start",
           position: "relative",
           height: "80px",
-          overflow: "auto",
           justifyContent: "center",
           "& .MuiFormControlLabel-label": {
             wordBreak: "break-word",
-            height: variant.answer.length <= 60 ? undefined : "60px",
+            height: variant.answer.length <= 60 ? "100%" : "60px",
             overflow: "auto",
             "&::-webkit-scrollbar": { width: "4px" },
             "&::-webkit-scrollbar-thumb": {
               backgroundColor: theme.palette.primary.main,
             },
             scrollbarColor: theme.palette.primary.main,
+            width: "100%",
           },
           "& .MuiFormControlLabel-label.Mui-disabled": {
             color: theme.palette.text.primary,

lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx

@@ -209,7 +209,6 @@ export const ImageVariant = ({
         control={
           isMulti ? (
             <Checkbox
-              id="cock"
               checked={!!answer?.includes(variant.id)}
               checkedIcon={<RadioCheck color={theme.palette.primary.main} />}
               icon={<RadioIcon />}