Solved some more bugs and styling

src/exams/Reading.tsx

@@ -176,7 +176,7 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
 					renderSolution(exam.exercises[exerciseIndex], nextExercise, previousExercise)}
 				{exerciseIndex > -1 && exerciseIndex < exam.exercises.length && (
 					<Button
-						color="green"
+						color="purple"
 						variant="outline"
 						onClick={() => setShowTextModal(true)}
 						className="max-w-[200px] self-end w-full absolute bottom-[31px] right-64">

src/exams/Selection.tsx

@@ -30,7 +30,7 @@ export default function Selection({user, onStart, disableSelection = false}: Pro
 		<>
 			<div className="w-full h-full relative flex flex-col gap-16">
 				<section className="w-full flex gap-8">
-					<img src={user.profilePicture} alt={user.name} className="aspect-square h-64 rounded-3xl drop-shadow-xl" />
+					<img src={user.profilePicture} alt={user.name} className="aspect-square h-64 rounded-3xl drop-shadow-xl object-cover" />
 					<div className="flex flex-col gap-4 py-4 w-full">
 						<div className="flex justify-between w-full gap-8">
 							<div className="flex flex-col gap-2 py-2">
@@ -185,7 +185,7 @@ export default function Selection({user, onStart, disableSelection = false}: Pro
 					onClick={() =>
 						onStart(!disableSelection ? selectedModules.sort(sortByModuleName) : ["reading", "listening", "writing", "speaking"])
 					}
-					color="green"
+					color="purple"
 					className="px-12 w-full max-w-xs self-end"
 					disabled={selectedModules.length === 0 && !disableSelection}>
 					Start Exam