diff --git a/apps/react/src/components/FlashCard.tsx b/apps/react/src/components/FlashCard.tsx
index c4096e5..43fb374 100644
--- a/apps/react/src/components/FlashCard.tsx
+++ b/apps/react/src/components/FlashCard.tsx
@@ -49,13 +49,13 @@ export const FlashCard = forwardRef<HTMLDivElement, FlashCardProps>(
 		return (
 			<div
 				ref={ref}
-				className={`relative card-container flex flex-col justify-between items-center min-w-[15rem] m-h-60  m-4 ${className}`}
+				className={`card-container flex flex-col justify-between items-center min-w-[15rem] m-h-60 m-4 ${className}`}
 				style={{
 					opacity,
 					transition: 'opacity 0.5s ease',
 				}}
 			>
-				<div className="absolute right-1 top-1">
+				<div className="relative z-10 w-full flex justify-end -mb-9">
 					<FlashCardOptionsMenu card={card} showEdit={showEdit} showDelete={showDelete} />
 				</div>
 				<div className="text-4xl font-medium flex flex-1 justify-center items-center">
diff --git a/apps/react/src/components/FlashCards/TextCardPrompt.tsx b/apps/react/src/components/FlashCards/TextCardPrompt.tsx
index ef74093..3ab3f43 100644
--- a/apps/react/src/components/FlashCards/TextCardPrompt.tsx
+++ b/apps/react/src/components/FlashCards/TextCardPrompt.tsx
@@ -14,7 +14,14 @@ export const TextCardPrompt: React.FC<TextCardPromptProps> = ({
 	correctCount = 0,
 }) => (
 	<div className="flex flex-col items-center justify-center text-center gap-2">
-		<ReactMarkdown className="prose prose-sm max-w-none dark:prose-invert pt-3">
+		<ReactMarkdown
+			className="max-w-none pt-3 flex flex-col items-center gap-1"
+			components={{
+				h1: ({ children }) => <p className="heading-lg">{children}</p>,
+				h2: ({ children }) => <p className="caption">{children}</p>,
+				p: ({ children }) => <p className="heading-md">{children}</p>,
+			}}
+		>
 			{text}
 		</ReactMarkdown>
 		<div className="mb-auto">