diff --git a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
index 9b4a3a1..dd88427 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
@@ -1,5 +1,6 @@
 import type { QuestionVariant } from "@/model/questionTypes/shared";
 import { useQuizStore } from "@/stores/useQuizStore";
+import { useQuizViewStore, type OwnVariant } from "@stores/quizView";
 import {
   Box,
   Checkbox,
@@ -11,7 +12,6 @@ import {
   Typography,
   useTheme,
 } from "@mui/material";
-import { useQuizViewStore } from "@stores/quizView";
 import RadioCheck from "@ui_kit/RadioCheck";
 import RadioIcon from "@ui_kit/RadioIcon";
 import { quizThemes } from "@utils/themes/Publication/themePublication";
@@ -44,7 +44,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
   const ownVariants = useQuizViewStore((state) => state.ownVariants);
   const { updateOwnVariant } = useQuizViewStore((state) => state);
 
-  const ownAnswer = ownVariants[ownVariants.findIndex((v) => v.id === variant.id)]?.variant.answer || "";
+  const ownAnswer = ownVariants[ownVariants.findIndex((v: OwnVariant) => v.id === variant.id)]?.variant.answer || "";
 
   return largeCheck ? (
     <Box sx={{ overflow: "auto" }}>
@@ -107,11 +107,11 @@ export const EmojiVariant = ({
   ownPlaceholder,
 }: EmojiVariantProps) => {
   const { settings } = useQuizStore();
-  const { updateAnswer, deleteAnswer, updateOwnVariant, ownVariants } = useQuizViewStore();
+  const { updateAnswer, deleteAnswer, updateOwnVariant, ownVariants } = useQuizViewStore((state) => state);
   const theme = useTheme();
   const { t } = useTranslation();
 
-  const customEmoji = ownVariants.find((v) => v.id === variant.id)?.variant.extendedText || "";
+  const customEmoji = ownVariants.find((v: OwnVariant) => v.id === variant.id)?.variant.extendedText || "";
 
   const onVariantClick = async (event: MouseEvent<HTMLDivElement>) => {
     event.preventDefault();
@@ -134,7 +134,7 @@ export const EmojiVariant = ({
 
   const handleEmojiSelect = (emoji: string) => {
     // We store custom emoji in ownVariants store, with a specific field to differentiate
-    const currentOwnAnswer = ownVariants.find((v) => v.id === variant.id)?.variant.answer || "";
+    const currentOwnAnswer = ownVariants.find((v: OwnVariant) => v.id === variant.id)?.variant.answer || "";
     updateOwnVariant(variant.id, currentOwnAnswer, emoji);
   };