diff --git a/frontend/src/lib/components/grades/GradesTable.svelte b/frontend/src/lib/components/grades/GradesTable.svelte
index e2bbd57..661b414 100644
--- a/frontend/src/lib/components/grades/GradesTable.svelte
+++ b/frontend/src/lib/components/grades/GradesTable.svelte
@@ -7,11 +7,9 @@
 </script>
 
 <script lang="ts">
-	import { createEventDispatcher } from 'svelte';
-
 	import GradesRow, { type Grade, type Semester } from './GradesRow.svelte';
 
-	let gradesLocal: Array<Grade> = Array.from({ length: 1 }, () => {
+	let gradesLocal: Array<Grade> = Array.from({ length: 8 }, () => {
 		return {
 			subject: '',
 			semesters: {
@@ -27,8 +25,6 @@
 
 	export let grades: Array<GradeBackend>;
 
-	const dispatch = createEventDispatcher();
-
 	// Convert local Grade type to expanded GradesBackend type
 	const convertGrades = () => {
 		// Delay to wait for select to be updated
@@ -49,7 +45,6 @@
 				}
 			}
 			grades = [...gradesTemp];
-			dispatch('change', grades);
 		});
 	};
 </script>
@@ -63,7 +58,9 @@
 		<span class="ml-0.5 w-1/6 text-center">2/9</span>
 	</div>
 	{#each gradesLocal as _, i}
-		<GradesRow on:keyup={convertGrades} on:change={convertGrades} bind:grade={gradesLocal[i]} />
+		<div class="mb-1">
+			<GradesRow on:keyup={convertGrades} on:change={convertGrades} bind:grade={gradesLocal[i]} />
+		</div>
 	{/each}
 	<button
 		class:isError={error.length > 0}