Index: frontend/src/components/StudentForm/StudentForm.tsx
===================================================================
--- frontend/src/components/StudentForm/StudentForm.tsx	(revision c5d16e2ac38de5385b577dc0147290d017f1880c)
+++ frontend/src/components/StudentForm/StudentForm.tsx	(revision 2018d83bccc98844ed54c660f7cc426cda65a7c5)
@@ -92,5 +92,7 @@
 			technologies: [],
 		});
-	const [hasExtracurricular, setHasExtracurricular] = useState(false);
+	const [hasExtracurricular, setHasExtracurricular] = useState(
+		formData?.has_extracurricular || false
+	);
 	const [invalidSubjects, setInvalidSubjects] = useState<Subject[]>([]);
 
@@ -135,4 +137,6 @@
 
 			setPassedSubjectsPerSemester(formData.passed_subjects_per_semester || []);
+
+			setHasExtracurricular(formData.has_extracurricular || false);
 		}
 	}, [formData]);
Index: frontend/src/components/types.ts
===================================================================
--- frontend/src/components/types.ts	(revision c5d16e2ac38de5385b577dc0147290d017f1880c)
+++ frontend/src/components/types.ts	(revision 2018d83bccc98844ed54c660f7cc426cda65a7c5)
@@ -24,4 +24,5 @@
 	assistants: string[];
 	has_filled_form: boolean;
+	has_extracurricular: boolean;
 	passed_subjects_per_semester: Record<number, Subject[] | []>;
 }
Index: frontend/src/pages/Home.tsx
===================================================================
--- frontend/src/pages/Home.tsx	(revision c5d16e2ac38de5385b577dc0147290d017f1880c)
+++ frontend/src/pages/Home.tsx	(revision 2018d83bccc98844ed54c660f7cc426cda65a7c5)
@@ -8,6 +8,6 @@
 		<div className="min-h-screen bg-white">
 			<main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
-				<div className="text-center mb-16">
-					<h2 className="text-4xl font-bold text-gray-900 mb-4">
+				<div className="text-center mb-16 bg-gray-50 rounded-xl border border-gray-200 shadow-md py-10 px-6">
+					<h2 className="text-4xl font-bold text-gray-900 mb-4 drop-shadow-sm">
 						Најди го изборниот предмет за тебе
 					</h2>
@@ -19,5 +19,5 @@
 				</div>
 
-				<section className="bg-white rounded-2xl p-8 shadow-sm mb-8">
+				<section className="p-8 shadow-md mb-8 bg-gray-50 rounded-xl border border-gray-200 ">
 					<div className="flex items-start space-x-4">
 						<div className="flex-shrink-0">
@@ -44,5 +44,5 @@
 				</section>
 
-				<section className="bg-white rounded-2xl p-8 shadow-sm mb-8">
+				<section className="p-8 shadow-md mb-8 bg-gray-50 rounded-xl border border-gray-200 ">
 					<div className="flex items-start space-x-4">
 						<div className="flex-shrink-0">
@@ -75,5 +75,5 @@
 								</Link>
 							) : (
-								<div className="bg-gray-50 rounded-lg p-4">
+								<div className="bg-gray-100 rounded-lg p-4">
 									<p className="text-gray-600 font-medium">
 										<Link
@@ -95,5 +95,5 @@
 				</section>
 
-				<section className="bg-white rounded-2xl p-8 shadow-sm">
+				<section className=" p-8 shadow-md bg-gray-50 rounded-xl border border-gray-200">
 					<div className="flex items-start space-x-4">
 						<div className="flex-shrink-0">