diff --git a/lib/components/QuizAnswerer.tsx b/lib/components/QuizAnswerer.tsx
index 663eef6..3424ad3 100644
--- a/lib/components/QuizAnswerer.tsx
+++ b/lib/components/QuizAnswerer.tsx
@@ -27,9 +27,10 @@ type Props = {
     quizId: string;
     preview?: boolean;
     changeFaviconAndTitle?: boolean;
+    className?: string;
 };
 
-export default function QuizAnswerer({ quizSettings, quizId, preview = false, changeFaviconAndTitle = true }: Props) {
+export default function QuizAnswerer({ quizSettings, quizId, preview = false, changeFaviconAndTitle = true, className }: Props) {
     const [quizViewStore] = useState(createQuizViewStore);
     const [rootContainerWidth, setRootContainerWidth] = useState<number>(() => window.innerWidth);
     const rootContainerRef = useRef<HTMLDivElement>(null);
@@ -96,6 +97,7 @@ export default function QuizAnswerer({ quizSettings, quizId, preview = false, ch
                                 <CssBaseline />
                                 <Box
                                     ref={rootContainerRef}
+                                    className={className}
                                     sx={{
                                         width: "100%",
                                         height: "100%",