Solved some more bugs and styling

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