diff --git a/src/routes/flashcards/+page.svelte b/src/routes/flashcards/+page.svelte
index 67f8d97..0660e55 100644
--- a/src/routes/flashcards/+page.svelte
+++ b/src/routes/flashcards/+page.svelte
@@ -13,14 +13,16 @@
 			<button onclick={() => resetDeck()} class="big btn green">Reset Deck</button>
 		</div>
 	{:else}
-		<div class="flex flex-1 flex-col items-center justify-center gap-5">
-			<div class="flex flex-col gap-1 text-center"><Card /></div>
+		<div class="flex flex-1 flex-col items-center justify-center gap-2">
+			<div class="flex flex-col gap-1 text-center">
+				<div class="flex items-center justify-center p-2">
+					<StatsAndButtons />
+				</div>
+				<Card />
+			</div>
 			<div class="flex gap-4">
 				<Buttons />
 			</div>
 		</div>
-		<div class="flex items-center justify-between p-2 text-gray-700">
-			<StatsAndButtons />
-		</div>
 	{/if}
 </div>
diff --git a/src/routes/flashcards/card.svelte b/src/routes/flashcards/card.svelte
index dbec22f..41f1d2a 100644
--- a/src/routes/flashcards/card.svelte
+++ b/src/routes/flashcards/card.svelte
@@ -28,7 +28,7 @@
 </div>
 
 <p
-	class="invisible mt-4 text-center text-gray-500 opacity-0 transition peer-hover:visible peer-hover:opacity-100"
+	class="invisible mt-2 text-center text-gray-500 opacity-0 transition peer-hover:visible peer-hover:opacity-100"
 >
 	Click to flip the card and see the answer ☝️
 </p>