diff --git a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
index ed3b1b8..6562c18 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
@@ -47,7 +47,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
   return largeCheck ? (
     <Box sx={{ overflow: "auto" }}>
       <TextareaAutosize
-        placeholder={ownPlaceholder}
+        placeholder={ownPlaceholder || "|"}
         style={{
           resize: "none",
           width: "100%",
@@ -55,8 +55,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
           color: theme.palette.text.primary,
           letterSpacing: "-0.4px",
           wordSpacing: "-3px",
-          border: "none",
           outline: "0px none",
+          backgroundColor: "inherit",
+          border: "none",
           //@ts-ignore
           "&::-webkit-scrollbar": {
             width: "4px",
@@ -76,8 +77,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
     </Box>
   ) : (
     <Input
-      placeholder={ownPlaceholder}
+      placeholder={ownPlaceholder || "|"}
       sx={{
+        backgroundColor: "inherit",
         width: "100%",
         fontSize: "18px",
         color: theme.palette.text.primary,
@@ -174,7 +176,7 @@ export const EmojiVariant = ({
       {own && (
         <Typography
           sx={{
-            color: theme.palette.grey[800],
+            color: theme.palette.text.primary,
             fontSize: "14px",
             pl: "15px",
           }}
@@ -232,7 +234,7 @@ export const EmojiVariant = ({
               questionId={questionId}
               variant={variant}
               largeCheck={questionLargeCheck}
-              ownPlaceholder={ownPlaceholder}
+              ownPlaceholder={ownPlaceholder || "|"}
             />
           ) : (
             <Box sx={{ display: "flex", gap: "10px" }}>
diff --git a/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx b/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
index 6673fa9..8602bfe 100644
--- a/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
@@ -35,7 +35,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
   return largeCheck ? (
     <Box sx={{ overflow: "auto" }}>
       <TextareaAutosize
-        placeholder={ownPlaceholder}
+        placeholder={ownPlaceholder || "|"}
         style={{
           resize: "none",
           width: "100%",
@@ -43,8 +43,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
           color: theme.palette.text.primary,
           letterSpacing: "-0.4px",
           wordSpacing: "-3px",
-          border: "none",
           outline: "0px none",
+          backgroundColor: "inherit",
+          border: "none",
           //@ts-ignore
           "&::-webkit-scrollbar": {
             width: "4px",
@@ -63,8 +64,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
     </Box>
   ) : (
     <Input
-      placeholder={ownPlaceholder}
+      placeholder={ownPlaceholder || "|"}
       sx={{
+        backgroundColor: "inherit",
         width: "100%",
         fontSize: "18px",
         color: theme.palette.text.primary,
@@ -155,7 +157,7 @@ export const ImageVariant = ({
       {own && (
         <Typography
           sx={{
-            color: theme.palette.grey[800],
+            color: theme.palette.text.primary,
             fontSize: "14px",
             pl: "15px",
           }}
@@ -224,7 +226,7 @@ export const ImageVariant = ({
               questionId={questionId}
               variant={variant}
               largeCheck={questionLargeCheck}
-              ownPlaceholder={ownPlaceholder}
+              ownPlaceholder={ownPlaceholder || "|"}
             />
           ) : (
             variant.answer
diff --git a/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx b/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
index f8745e3..816ab07 100644
--- a/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
+++ b/lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
@@ -35,7 +35,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
 
   return largeCheck ? (
     <TextareaAutosize
-      placeholder={ownPlaceholder}
+      placeholder={ownPlaceholder || "|"}
       style={{
         resize: "none",
         width: "100%",
@@ -43,8 +43,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
         color: theme.palette.text.primary,
         letterSpacing: "-0.4px",
         wordSpacing: "-3px",
-        border: "none",
         outline: "0px none",
+        backgroundColor: "inherit",
+        border: "none",
         //@ts-ignore
         "&::-webkit-scrollbar": {
           width: "4px",
@@ -62,8 +63,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
     />
   ) : (
     <Input
-      placeholder={ownPlaceholder}
+      placeholder={ownPlaceholder || "|"}
       sx={{
+        backgroundColor: "inherit",
         width: "100%",
         fontSize: "18px",
         color: theme.palette.text.primary,
@@ -187,7 +189,7 @@ export const VariantItem = ({
           <>
             <Typography
               sx={{
-                color: theme.palette.grey[800],
+                color: theme.palette.text.primary,
                 fontSize: "14px",
                 position: "absolute",
                 top: "-23px",
@@ -199,7 +201,7 @@ export const VariantItem = ({
               questionId={questionId}
               variant={variant}
               largeCheck={questionLargeCheck}
-              ownPlaceholder={ownPlaceholder}
+              ownPlaceholder={ownPlaceholder || "|"}
             />
           </>
         ) : (
diff --git a/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx b/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
index 90f2029..62885fc 100644
--- a/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
@@ -45,7 +45,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
 
   return largeCheck ? (
     <TextareaAutosize
-      placeholder={ownPlaceholder}
+      placeholder={ownPlaceholder || "|"}
       style={{
         resize: "none",
         width: "100%",
@@ -53,8 +53,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
         color: theme.palette.text.primary,
         letterSpacing: "-0.4px",
         wordSpacing: "-3px",
-        border: "none",
         outline: "0px none",
+        backgroundColor: "inherit",
+        border: "none",
         //@ts-ignore
         "&::-webkit-scrollbar": {
           width: "4px",
@@ -74,8 +75,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
     />
   ) : (
     <Input
-      placeholder={ownPlaceholder}
+      placeholder={ownPlaceholder || "|"}
       sx={{
+        backgroundColor: "inherit",
         width: "100%",
         fontSize: "18px",
         color: theme.palette.text.primary,
@@ -120,7 +122,7 @@ export const VarimgVariant = ({
       <Box>
         <Typography
           sx={{
-            color: theme.palette.grey[800],
+            color: theme.palette.text.primary,
             fontSize: "14px",
             pl: "15px",
           }}
@@ -176,7 +178,7 @@ export const VarimgVariant = ({
                 questionId={questionId}
                 variant={variant}
                 largeCheck={questionLargeCheck}
-                ownPlaceholder={ownPlaceholder}
+                ownPlaceholder={ownPlaceholder || "|"}
               />
             ) : (
               variant.answer
@@ -241,7 +243,7 @@ export const VarimgVariant = ({
               questionId={questionId}
               variant={variant}
               largeCheck={questionLargeCheck}
-              ownPlaceholder={ownPlaceholder}
+              ownPlaceholder={ownPlaceholder || "|"}
             />
           ) : (
             variant.answer