diff --git a/src/widgets/side/QuizSideButton.tsx b/src/widgets/side/QuizSideButton.tsx
index 7f563ec..e911c20 100644
--- a/src/widgets/side/QuizSideButton.tsx
+++ b/src/widgets/side/QuizSideButton.tsx
@@ -15,11 +15,12 @@ interface Props {
     quizId: string;
     position: "left" | "right";
     buttonBackgroundColor?: string;
+    buttonTextColor?: string;
     dimensions?: { width: string; height: string; };
     fullScreen?: boolean;
 }
 
-export default function QuizSideButton({ quizId, position, buttonBackgroundColor, dimensions, fullScreen = false }: Props) {
+export default function QuizSideButton({ quizId, position, buttonBackgroundColor, buttonTextColor, dimensions, fullScreen = false }: Props) {
     const [isQuizShown, setIsQuizShown] = useState<boolean>(false);
     const isMobile = useMediaQuery("(max-width: 600px)");
     const isQuizCompleted = useQuizCompletionStatus(quizId);
@@ -68,6 +69,7 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor
                         width: "600px",
                         maxWidth: `calc(100% - ${PADDING * 2}px)`,
                         backgroundColor: buttonBackgroundColor,
+                        color: buttonTextColor,
                         overflow: "hidden",
                     },
                     position === "left" && {