diff --git a/src/exams/Reading.tsx b/src/exams/Reading.tsx
index f57d4d5b..f2cf6270 100644
--- a/src/exams/Reading.tsx
+++ b/src/exams/Reading.tsx
@@ -117,8 +117,8 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
 				</span>
 				<span className="self-end text-sm">You will be allowed to read the text while doing the exercises</span>
 			</div>
-			<Panel header={exam.text.title}>
-				<p>
+			<Panel header={exam.text.title} className="overflow-scroll">
+				<p className="overflow-scroll">
 					{exam.text.content.split("\\n").map((line, index) => (
 						<p key={index}>{line}</p>
 					))}
diff --git a/src/pages/exam/index.tsx b/src/pages/exam/index.tsx
index dae93891..e61782b9 100644
--- a/src/pages/exam/index.tsx
+++ b/src/pages/exam/index.tsx
@@ -133,7 +133,7 @@ export default function Page({user}: {user: User}) {
 				<meta name="viewport" content="width=device-width, initial-scale=1" />
 				<link rel="icon" href="/favicon.ico" />
 			</Head>
-			<main className="w-full h-screen flex flex-col items-center bg-white text-black">
+			<main className="w-full h-screen flex flex-col items-center bg-neutral-100 text-black">
 				<ToastContainer />
 				<Navbar profilePicture={user.profilePicture} />
 				{renderScreen()}