diff --git a/backend/.tool-versions b/backend/.tool-versions
index c10ee4eb..550b4b4c 100644
--- a/backend/.tool-versions
+++ b/backend/.tool-versions
@@ -1 +1 @@
-python 3.11.4
+python 3.11.8
diff --git a/backend/api/permissions/submission_permissions.py b/backend/api/permissions/submission_permissions.py
index f69c81ef..8533c97f 100644
--- a/backend/api/permissions/submission_permissions.py
+++ b/backend/api/permissions/submission_permissions.py
@@ -37,6 +37,14 @@ def has_object_permission(self, request: Request, view: APIView, obj: Submission
         return obj.group.students.filter(id=user.id).exists()
 
 
+class SubmissionFeedbackPermission(SubmissionPermission):
+    def has_permission(self, request: Request, view: APIView) -> bool:
+        return True
+
+    def has_object_permission(self, request: Request, view: APIView, obj: Submission) -> bool:
+        return True
+
+
 class StructureCheckResultPermission(SubmissionPermission):
     def has_object_permission(self, request: Request, view: APIView, obj: StructureCheckResult) -> bool:
         return super().has_object_permission(request, view, obj.submission)
diff --git a/backend/api/views/submission_view.py b/backend/api/views/submission_view.py
index aef617d7..7f013959 100644
--- a/backend/api/views/submission_view.py
+++ b/backend/api/views/submission_view.py
@@ -8,7 +8,8 @@
 
 from api.models.submission import Submission, StructureCheckResult, ExtraCheckResult
 from api.permissions.submission_permissions import SubmissionPermission, StructureCheckResultPermission, \
-    ExtraCheckResultPermission, ExtraCheckResultArtifactPermission, ExtraCheckResultLogPermission
+    ExtraCheckResultPermission, ExtraCheckResultArtifactPermission, ExtraCheckResultLogPermission, \
+    SubmissionFeedbackPermission
 from api.serializers.feedback_serializer import FeedbackSerializer
 from api.serializers.submission_serializer import (
     ExtraCheckResultSerializer, StructureCheckResultSerializer,
@@ -29,7 +30,7 @@ def zip(self, request, **__):
 
         return FileResponse(open(submission.zip.path, "rb"), as_attachment=True)
 
-    @action(detail=True, methods=["get"])
+    @action(detail=True, methods=["get"], permission_classes=[IsAdminUser | SubmissionFeedbackPermission])
     def feedback(self, request, **_) -> Response:
         """Returns all the feedback for the given submission"""
         submission = self.get_object()
diff --git a/backend/ypovoli/asgi.py b/backend/ypovoli/asgi.py
deleted file mode 100644
index ac8466f7..00000000
--- a/backend/ypovoli/asgi.py
+++ /dev/null
@@ -1,16 +0,0 @@
-"""
-ASGI config for ypovoli project.
-
-It exposes the ASGI callable as a module-level variable named ``application``.
-
-For more information on this file, see
-https://docs.djangoproject.com/en/5.0/howto/deployment/asgi/
-"""
-
-import os
-
-from django.core.asgi import get_asgi_application
-
-os.environ.setdefault("DJANGO_SETTINGS_MODULE", "ypovoli.settings")
-
-application = get_asgi_application()
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index b38c986e..a3bb206f 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,6 +17,7 @@
                 "moment": "^2.30.1",
                 "msw": "^2.2.13",
                 "pinia": "^2.1.7",
+                "prettier": "^3.2.5",
                 "primeflex": "^3.3.1",
                 "primeicons": "^7.0.0",
                 "primevue": "^3.52.0",
@@ -6097,8 +6098,6 @@
             "version": "3.2.5",
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
             "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
-            "dev": true,
-            "peer": true,
             "bin": {
                 "prettier": "bin/prettier.cjs"
             },
@@ -7186,7 +7185,7 @@
             "version": "5.4.5",
             "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
             "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-            "devOptional": true,
+            "dev": true,
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
diff --git a/frontend/package.json b/frontend/package.json
index a6a82480..11a01b7e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -40,6 +40,7 @@
         "@types/node": "^20.11.30",
         "@typescript-eslint/eslint-plugin": "^6.21.0",
         "@vitejs/plugin-vue": "^5.0.4",
+        "prettier": "^3.2.5",
         "cypress": "^13.7.1",
         "cypress-vite": "^1.5.0",
         "eslint": "^8.57.0",
diff --git a/frontend/src/assets/lang/app/en.json b/frontend/src/assets/lang/app/en.json
index 36689926..30f0a0f3 100644
--- a/frontend/src/assets/lang/app/en.json
+++ b/frontend/src/assets/lang/app/en.json
@@ -91,6 +91,7 @@
             "scoreVisibility": "Make score, when uploaded, automatically visible to students",
             "submissionStructure": "Structure of how a submission should be made",
             "noStudents": "No students in this group",
+            "alreadyStarted": "The project has already started",
             "locked": "Closed",
             "unlocked": "Open",
             "structureChecks": {
@@ -98,6 +99,7 @@
                 "placeholder": "Give a name to this folder",
                 "cancelSelection": "Deselect {0}",
                 "newFolder": "New folder",
+                "noChecks": "Your submission does not have to comply with a specific structure.",
                 "obligatedExtensions": "Obligated extensions",
                 "blockedExtensions": "Blocked extensions"
             },
diff --git a/frontend/src/assets/lang/app/nl.json b/frontend/src/assets/lang/app/nl.json
index 377a26c6..1507263a 100644
--- a/frontend/src/assets/lang/app/nl.json
+++ b/frontend/src/assets/lang/app/nl.json
@@ -67,13 +67,14 @@
             "publishScores": "Publiceer scores",
             "groupName": "Groepsnaam",
             "groupPopulation": "Grootte",
+            "alreadyStarted": "Project is al gestart",
             "groupStatus": "Status",
             "start": "Startdatum",
             "submissionStatus": "Indienstatus",
             "group": "Groep",
             "groups": "Groepen",
             "groupSize": "Individueel | Groepen van {count} personen",
-            "noGroups": "Geen groepen beschikbaar",
+            "noGroups": "Geen groepen beschikbaar.",
             "groupMembers": "Groepsleden",
             "chooseGroup": "Kies een groep",
             "joinGroup": "Kies groep",
@@ -99,7 +100,8 @@
                 "cancelSelection": "Deselecteer {0}",
                 "obligatedExtensions": "Verplichte extensies",
                 "blockedExtensions": "Niet toegelaten extensies",
-                "newFolder": "Nieuwe map"
+                "newFolder": "Nieuwe map",
+                "noChecks": "Je indiening moet niet voldoen aan een specifieke structuur."
             },
             "extraChecks": {
                 "title": "Automatische checks op een indiening",
@@ -260,7 +262,7 @@
             },
             "noIncomingProjects": "Geen projecten met een deadline binnen de 7 dagen.",
             "selectCourse": "Selecteer het vak waarvoor je een project wil maken:",
-            "showPastProjects": "Projecten met verstreken deadline"
+            "showPastProjects": "Toon projecten met verstreken deadline"
         }
     },
     "types": {
diff --git a/frontend/src/components/projects/ProjectDeadlineCard.vue b/frontend/src/components/projects/ProjectDeadlineCard.vue
index d1aecf2c..9497f380 100644
--- a/frontend/src/components/projects/ProjectDeadlineCard.vue
+++ b/frontend/src/components/projects/ProjectDeadlineCard.vue
@@ -24,8 +24,8 @@ const { t } = useI18n();
             },
         }"
     >
-        <div class="p-5 surface-300 border-round">
-            <div class="flex align-items-center gap-5">
+        <div class="px-3 py-4 md:p-5 surface-300 border-round">
+            <div class="flex align-items-center gap-3 md:gap-5">
                 <i class="pi pi-clock text-6xl text-primary" />
                 <div class="w-full">
                     <h3 class="m-0">{{ project.name }}</h3>
diff --git a/frontend/src/components/projects/ProjectList.vue b/frontend/src/components/projects/ProjectList.vue
index 90f01b64..cbe8eda1 100644
--- a/frontend/src/components/projects/ProjectList.vue
+++ b/frontend/src/components/projects/ProjectList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import moment from 'moment';
-import InputSwitch from 'primevue/inputswitch';
+import Checkbox from 'primevue/checkbox';
 import ProjectDetailCard from '@/components/projects/ProjectDetailCard.vue';
 import ProjectDeadlineCard from '@/components/projects/ProjectDeadlineCard.vue';
 import Button from 'primevue/button';
@@ -28,7 +28,7 @@ const { student, getStudentByID } = useStudents();
 function getUserGroups(): Group[] {
     if (user.value !== null && user.value?.isStudent()) {
         // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-        return student.value !== null && student.value.groups !== null ? student.value?.groups : [];
+        return student.value !== null ? student.value?.groups : [];
     }
     return [];
 }
@@ -67,11 +67,13 @@ const incomingProjects = computed<Project[]>(() => {
 <template>
     <div>
         <!-- Show past projects switch -->
-        <div class="flex gap-3 align-items-center mb-5">
-            <InputSwitch input-id="show-past" v-model="showPast" />
-            <label for="show-past">
-                {{ t('components.list.showPastProjects') }}
-            </label>
+        <div class="p-4 surface-100 inline-block mb-5">
+            <div class="flex gap-3 align-items-center">
+                <Checkbox input-id="show-past" v-model="showPast" binary />
+                <label for="show-past">
+                    {{ t('components.list.showPastProjects') }}
+                </label>
+            </div>
         </div>
         <!-- Project list -->
         <template v-if="sortedProjects.length > 0">
diff --git a/frontend/src/components/projects/groups/GroupChooseCard.vue b/frontend/src/components/projects/groups/GroupChooseCard.vue
index 213285b1..3b6729ed 100644
--- a/frontend/src/components/projects/groups/GroupChooseCard.vue
+++ b/frontend/src/components/projects/groups/GroupChooseCard.vue
@@ -4,6 +4,7 @@ import Button from 'primevue/button';
 import DataTable from 'primevue/datatable';
 import Column from 'primevue/column';
 import Message from 'primevue/message';
+import moment from 'moment';
 import { ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { type Group } from '@/types/Group.ts';
@@ -57,9 +58,16 @@ async function joinSelectedGroup(): Promise<void> {
         <h2 class="mt-0">
             {{ t('views.projects.chooseGroup') }}
         </h2>
-        <Message severity="warn" class="my-4 text-sm" :closable="false">
-            {{ t('views.projects.chooseGroupMessage', [project.getFormattedStartDate()]) }}
-        </Message>
+        <template v-if="!moment(project.start_date).isBefore()">
+            <Message severity="warn" class="my-4 text-sm" :closable="false">
+                {{ t('views.projects.chooseGroupMessage', [project.getFormattedStartDate()]) }}
+            </Message>
+        </template>
+        <template v-else>
+            <Message severity="warn" class="my-4 text-sm" :closable="false">
+                {{ t('views.projects.alreadyStarted', [project.getFormattedStartDate()]) }}
+            </Message>
+        </template>
         <template v-if="groups.length > 0 && !project.isLocked()">
             <DataTable
                 :value="groups"
diff --git a/frontend/src/components/projects/groups/GroupsManageTable.vue b/frontend/src/components/projects/groups/GroupsManageTable.vue
index 72304094..6dd2b64e 100644
--- a/frontend/src/components/projects/groups/GroupsManageTable.vue
+++ b/frontend/src/components/projects/groups/GroupsManageTable.vue
@@ -119,7 +119,7 @@ async function expandGroup(event: DataTableRowExpandEvent): Promise<void> {
                 </div>
                 <div class="col">
                     <h3>{{ t('views.projects.submissionStatus') }}</h3>
-                    <AllSubmission :submissions="data.submissions" />
+                    <AllSubmission :submissions="data.submissions" :group="data" />
                 </div>
             </div>
         </template>
diff --git a/frontend/src/components/submissions/AllSubmission.vue b/frontend/src/components/submissions/AllSubmission.vue
index 7c078788..7fd57fa2 100644
--- a/frontend/src/components/submissions/AllSubmission.vue
+++ b/frontend/src/components/submissions/AllSubmission.vue
@@ -1,64 +1,55 @@
 <script setup lang="ts">
-import { computed } from 'vue';
 import { type Submission } from '@/types/submission/Submission.ts';
-import { type ExtraCheckResult } from '@/types/submission/ExtraCheckResult.ts';
-import { type StructureCheckResult } from '@/types/submission/StructureCheckResult.ts';
 import { useI18n } from 'vue-i18n';
 import router from '@/router/router.ts';
 import { useRoute } from 'vue-router';
+import { PrimeIcons } from 'primevue/api';
+import { type Group } from '@/types/Group.ts';
+import { computed } from 'vue';
 
 const { params } = useRoute();
 const { t } = useI18n();
 
 const props = defineProps<{
     submissions: Submission[];
+    group: Group | null;
 }>();
 
+/* The sorted submissions */
+const sortedSubmissions = computed(() => [...props.submissions].sort((a, b) => parseInt(b.id) - parseInt(a.id)));
+
 /**
- * Returns the extra information for the submission
+ * Returns the description for the submission
+ * @param submission
  */
-const submissionsExtra = computed(() => {
-    return props.submissions.map((submission: Submission) => {
-        const iconDetails = getExtraSubmissionInformation(submission);
-        return {
-            ...submission,
-            iconName: iconDetails.iconName,
-            color: iconDetails.color,
-            hoverText: iconDetails.hoverText,
-        };
-    });
-});
+function getSubmissionDescription(submission: Submission): string {
+    if (submission.isPassed()) {
+        return t('views.submissions.hoverText.allChecksPassed');
+    } else if (!submission.isStructureCheckPassed()) {
+        return t('views.submissions.hoverText.structureChecksFailed');
+    } else if (!submission.isExtraCheckPassed()) {
+        return t('views.submissions.hoverText.extraChecksFailed');
+    }
+
+    return t('views.submissions.hoverText.allChecksFailed');
+}
 
 /**
- * Returns the icon name, color and hover text for the submission
+ * Returns the icon for the submission.
+ *
  * @param submission
  */
-const getExtraSubmissionInformation = (
-    submission: Submission,
-): { iconName: string; color: string; hoverText: string } => {
-    if (
-        !(
-            submission.extraCheckResults.map((check: ExtraCheckResult) => check.result === 'SUCCESS').every(Boolean) ||
-            submission.structureCheckResults
-                .map((check: StructureCheckResult) => check.result === 'SUCCESS')
-                .every(Boolean)
-        )
-    ) {
-        return { iconName: 'times', color: 'red', hoverText: t('views.submissions.hoverText.allChecksFailed') };
-    } else if (
-        !submission.extraCheckResults.map((check: ExtraCheckResult) => check.result === 'SUCCESS').every(Boolean)
-    ) {
-        return { iconName: 'cloud', color: 'lightblue', hoverText: t('views.submissions.hoverText.extraChecksFailed') };
-    } else if (
-        !submission.structureCheckResults
-            .map((check: StructureCheckResult) => check.result === 'SUCCESS')
-            .every(Boolean)
-    ) {
-        return { iconName: 'bolt', color: 'yellow', hoverText: t('views.submissions.hoverText.structureChecksFailed') };
-    } else {
-        return { iconName: 'check', color: 'lightgreen', hoverText: t('views.submissions.hoverText.allChecksPassed') };
+function getSubmissionIcon(submission: Submission): string {
+    if (submission.isPassed()) {
+        return PrimeIcons.CHECK;
+    } else if (!submission.isStructureCheckPassed()) {
+        return PrimeIcons.SITEMAP;
+    } else if (!submission.isExtraCheckPassed()) {
+        return PrimeIcons.BOLT;
     }
-};
+
+    return PrimeIcons.TIMES;
+}
 
 /**
  * Returns the time parsed since the submission
@@ -85,39 +76,67 @@ const timeSince = (submissionDate: Date): string => {
  * @param submissionId
  */
 const navigateToSubmission = (submissionId: string): void => {
-    router.push({
+    const tmpGroupId = props.group?.id ?? params.groupId;
+    void router.push({
         name: 'submission',
-        params: { submissionId, groupId: params.groupId, projectId: params.projectId, courseId: params.courseId },
+        params: { submissionId, groupId: tmpGroupId, projectId: params.projectId, courseId: params.courseId },
     });
 };
 </script>
 
 <template>
-    <div>
+    <template v-if="sortedSubmissions.length > 0">
         <div
-            v-for="submission in submissionsExtra?.reverse()"
+            v-for="submission in sortedSubmissions"
             :key="submission.id"
-            class="flex submission align-content-center align-items-center"
-            v-tooltip="submission.hoverText"
+            class="px-3 py-2 surface-100 gap-2 mb-3 flex submission justify-content-between align-items-center"
             @click="navigateToSubmission(submission.id)"
         >
-            <p
-                :class="'font-semibold m-2 p-1 pi pi-' + submission.iconName"
-                :style="{ color: submission.color, fontSize: '1.25rem' }"
-            ></p>
-            <label class="font-semibold m-2 p-1">#{{ submission.submission_number }} </label>
-            <p>{{ timeSince(submission.submission_time) }}</p>
+            <div class="flex align-items-center gap-2">
+                <label class="font-semibold m-2 p-1">#{{ submission.submission_number }}</label>
+                <div
+                    class="status border-circle p-2 w-2rem h-2rem flex align-items-center justify-content-center"
+                    :class="{
+                        ['passed']: submission.isPassed(),
+                        ['failed-extra']: !submission.isExtraCheckPassed(),
+                        ['failed-structure']: !submission.isStructureCheckPassed(),
+                    }"
+                >
+                    <i :class="getSubmissionIcon(submission)" class="text-lg text-xs"></i>
+                </div>
+                <p>{{ timeSince(submission.submission_time) }}</p>
+            </div>
+            <p>{{ getSubmissionDescription(submission) }}</p>
         </div>
-    </div>
+    </template>
+    <template v-else>
+        {{ t('views.submissions.noSubmissions') }}
+    </template>
 </template>
 
 <style scoped lang="scss">
-@import '@/assets/scss/theme/theme.scss';
 .submission {
-    border-bottom: 1.5px solid var(--primary-color);
+    transition: all 0.3s ease;
     cursor: pointer;
-}
-.submission:last-child {
-    border-bottom: none;
+
+    &:hover {
+        background-color: var(--surface-300) !important;
+    }
+
+    .status {
+        &.passed {
+            background-color: var(--bg-primary);
+            color: var(--primary-color-text);
+        }
+
+        &.failed-structure {
+            background-color: indianred;
+            color: white;
+        }
+
+        &.failed-extra:not(.failed-structure) {
+            background-color: var(--secondary-color);
+        }
+    }
 }
 </style>
diff --git a/frontend/src/types/submission/Submission.ts b/frontend/src/types/submission/Submission.ts
index f1bba8c7..fe0c26ab 100644
--- a/frontend/src/types/submission/Submission.ts
+++ b/frontend/src/types/submission/Submission.ts
@@ -30,6 +30,22 @@ export class Submission {
         return this.isExtraCheckPassed() && this.isStructureCheckPassed();
     }
 
+    /**
+     * Check if the submission is failed.
+     * @returns boolean
+     */
+    public isFailed(): boolean {
+        return !this.isPassed();
+    }
+
+    /**
+     * Check if the submission is failed.
+     * @returns boolean
+     */
+    public isNonePassed(): boolean {
+        return !this.isExtraCheckPassed() && !this.isStructureCheckPassed();
+    }
+
     /**
      * Check if some of the checks is passed.
      */
diff --git a/frontend/src/views/calendar/CalendarView.vue b/frontend/src/views/calendar/CalendarView.vue
index 694c464e..cc59f39d 100644
--- a/frontend/src/views/calendar/CalendarView.vue
+++ b/frontend/src/views/calendar/CalendarView.vue
@@ -164,7 +164,7 @@ watch(selectedDate, (date) => {
 <template>
     <BaseLayout>
         <!-- Calendar heading -->
-        <Title class="mb-6">{{ t('views.calendar.title') }}</Title>
+        <Title>{{ t('views.calendar.title') }}</Title>
         <template v-if="!loading">
             <!-- Calendar body -->
             <div class="grid fadein">
@@ -186,7 +186,7 @@ watch(selectedDate, (date) => {
                 <div class="col-12 md:col-6">
                     <div class="surface-100 p-4 md:p-6">
                         <!-- Selected date on the calendar -->
-                        <Title class="mb-6 font-extrabold">
+                        <Title class="font-extrabold">
                             {{ formattedDate }}
                         </Title>
 
diff --git a/frontend/src/views/courses/CreateCourseView.vue b/frontend/src/views/courses/CreateCourseView.vue
index d78b3e9c..9994b531 100644
--- a/frontend/src/views/courses/CreateCourseView.vue
+++ b/frontend/src/views/courses/CreateCourseView.vue
@@ -47,7 +47,7 @@ onMounted(async () => {
 <template>
     <BaseLayout>
         <!-- Create course heading -->
-        <Title class="mb-6">{{ t('views.courses.create') }}</Title>
+        <Title>{{ t('views.courses.create') }}</Title>
         <template v-if="!loading">
             <div class="grid fadein">
                 <div class="col-12 md:col-6">
diff --git a/frontend/src/views/courses/JoinCourseView.vue b/frontend/src/views/courses/JoinCourseView.vue
index 16e4b00f..295cdfb7 100644
--- a/frontend/src/views/courses/JoinCourseView.vue
+++ b/frontend/src/views/courses/JoinCourseView.vue
@@ -96,7 +96,7 @@ onMounted(async () => {
     <BaseLayout>
         <div v-if="course">
             <!-- Course heading -->
-            <div class="flex justify-content-between align-items-center mb-6">
+            <div class="flex justify-content-between align-items-center">
                 <!-- Course title -->
                 <Title class="m-0">{{ course?.name }}</Title>
 
diff --git a/frontend/src/views/courses/UpdateCourseView.vue b/frontend/src/views/courses/UpdateCourseView.vue
index 04fe61b4..8e08952a 100644
--- a/frontend/src/views/courses/UpdateCourseView.vue
+++ b/frontend/src/views/courses/UpdateCourseView.vue
@@ -46,7 +46,7 @@ watchImmediate(
 <template>
     <BaseLayout>
         <!-- Create course heading -->
-        <Title class="mb-6">{{ t('views.courses.edit') }}</Title>
+        <Title>{{ t('views.courses.edit') }}</Title>
         <template v-if="!loading">
             <div class="grid fadein">
                 <div class="col-12 md:col-6">
diff --git a/frontend/src/views/courses/roles/AssistantCourseView.vue b/frontend/src/views/courses/roles/AssistantCourseView.vue
index c2407885..cc32e3b1 100644
--- a/frontend/src/views/courses/roles/AssistantCourseView.vue
+++ b/frontend/src/views/courses/roles/AssistantCourseView.vue
@@ -35,7 +35,7 @@ watchImmediate(
 
 <template>
     <!-- Course heading -->
-    <div class="flex justify-content-between align-items-center mb-6">
+    <div class="flex justify-content-between align-items-center mb-5">
         <!-- Course title -->
         <Title class="m-0">{{ props.course.name }}</Title>
     </div>
diff --git a/frontend/src/views/courses/roles/StudentCourseView.vue b/frontend/src/views/courses/roles/StudentCourseView.vue
index 21100789..680faa5e 100644
--- a/frontend/src/views/courses/roles/StudentCourseView.vue
+++ b/frontend/src/views/courses/roles/StudentCourseView.vue
@@ -76,7 +76,7 @@ watchImmediate(
 
 <template>
     <!-- Course heading -->
-    <div class="flex justify-content-between align-items-center mb-6">
+    <div class="flex justify-content-between align-items-center mb-5">
         <!-- Course title -->
         <Title class="m-0">{{ props.course.name }}</Title>
     </div>
diff --git a/frontend/src/views/courses/roles/TeacherCourseView.vue b/frontend/src/views/courses/roles/TeacherCourseView.vue
index 31472197..077421e9 100644
--- a/frontend/src/views/courses/roles/TeacherCourseView.vue
+++ b/frontend/src/views/courses/roles/TeacherCourseView.vue
@@ -68,7 +68,7 @@ watchImmediate(
 
 <template>
     <!-- Course heading -->
-    <div class="flex justify-content-between align-items-center mb-6">
+    <div class="flex justify-content-between align-items-center mb-5">
         <!-- Course title -->
         <Title class="m-0">{{ props.course.name }}</Title>
 
diff --git a/frontend/src/views/dashboard/roles/AssistantDashboardView.vue b/frontend/src/views/dashboard/roles/AssistantDashboardView.vue
index 422ccbf4..c32980d6 100644
--- a/frontend/src/views/dashboard/roles/AssistantDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/AssistantDashboardView.vue
@@ -49,7 +49,7 @@ watchImmediate(
     <template v-if="!loading">
         <div class="fadein">
             <!-- Project heading -->
-            <div class="flex justify-content-between align-items-center mb-6">
+            <div class="flex justify-content-between align-items-center mb-5">
                 <!-- Project list title -->
                 <Title class="m-0">{{ t('views.dashboard.projects') }}</Title>
 
diff --git a/frontend/src/views/dashboard/roles/StudentDashboardView.vue b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
index 4ee03896..6530efb3 100644
--- a/frontend/src/views/dashboard/roles/StudentDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
@@ -51,7 +51,7 @@ watchImmediate(
         <div class="fadein">
             <!-- Project heading -->
             <div
-                class="flex gap-6 flex-column md:flex-row justify-content-between align-items-start md:align-items-center mb-6"
+                class="flex gap-5 flex-column md:flex-row justify-content-between align-items-start md:align-items-center mb-5"
             >
                 <!-- Project list title -->
                 <Title class="m-0">{{ t('views.dashboard.projects') }}</Title>
@@ -67,7 +67,7 @@ watchImmediate(
 
             <!-- Course heading -->
             <div
-                class="flex gap-6 flex-column md:flex-row justify-content-between align-items-start md:align-items-center my-6"
+                class="flex gap-5 flex-column md:flex-row justify-content-between align-items-start md:align-items-center my-6"
             >
                 <!-- Course list title -->
                 <Title class="m-0">{{ t('views.dashboard.courses') }}</Title>
diff --git a/frontend/src/views/dashboard/roles/TeacherDashboardView.vue b/frontend/src/views/dashboard/roles/TeacherDashboardView.vue
index 06c5f2bb..8e28a83f 100644
--- a/frontend/src/views/dashboard/roles/TeacherDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/TeacherDashboardView.vue
@@ -53,7 +53,7 @@ watchImmediate(
         <div class="fadein">
             <!-- Project heading -->
             <div
-                class="flex gap-6 flex-column md:flex-row justify-content-between align-items-start md:align-items-center mb-6"
+                class="flex gap-5 flex-column md:flex-row justify-content-between align-items-start md:align-items-center mb-5"
             >
                 <!-- Project list title -->
                 <Title class="m-0">{{ t('views.dashboard.projects') }}</Title>
@@ -101,7 +101,7 @@ watchImmediate(
 
             <!-- Course heading -->
             <div
-                class="flex gap-6 flex-column md:flex-row justify-content-between align-items-start md:align-items-center my-6"
+                class="flex gap-5 flex-column md:flex-row justify-content-between align-items-start md:align-items-center my-6"
             >
                 <!-- Course list title -->
                 <Title class="m-0">{{ t('views.dashboard.courses') }}</Title>
diff --git a/frontend/src/views/layout/Title.vue b/frontend/src/views/layout/Title.vue
index 8419de77..5087cce8 100644
--- a/frontend/src/views/layout/Title.vue
+++ b/frontend/src/views/layout/Title.vue
@@ -16,17 +16,16 @@ withDefaults(defineProps<{ color?: 'primary' | 'contrast' }>(), {
     color: var(--primary-color);
     position: relative;
     display: inline-block;
-    line-height: 2.8rem;
 
-    &::after {
-        content: '';
-        position: absolute;
-        left: 0;
-        bottom: -14px;
-        display: block;
-        width: 100%;
-        border-top: 4px solid var(--primary-color);
-    }
+    //&::after {
+    //    content: '';
+    //    position: absolute;
+    //    left: 0;
+    //    bottom: -14px;
+    //    display: block;
+    //    width: 100%;
+    //    border-top: 4px solid var(--primary-color);
+    //}
 
     &.contrast {
         color: var(--primary-color-text);
diff --git a/frontend/src/views/projects/CreateProjectView.vue b/frontend/src/views/projects/CreateProjectView.vue
index 66e1b61c..0815cd51 100644
--- a/frontend/src/views/projects/CreateProjectView.vue
+++ b/frontend/src/views/projects/CreateProjectView.vue
@@ -112,7 +112,7 @@ watchImmediate(
 <template>
     <BaseLayout>
         <!-- Create project heading -->
-        <Title class="mb-6">
+        <Title class="mb-5">
             {{ t('views.projects.create') }}
         </Title>
         <template v-if="!loading">
diff --git a/frontend/src/views/projects/ProjectsView.vue b/frontend/src/views/projects/ProjectsView.vue
index 48611dd9..784ca104 100644
--- a/frontend/src/views/projects/ProjectsView.vue
+++ b/frontend/src/views/projects/ProjectsView.vue
@@ -39,7 +39,7 @@ watch(
 <template>
     <BaseLayout>
         <!-- Project list title -->
-        <Title class="mb-6">{{ t('views.dashboard.projects') }}</Title>
+        <Title class="mb-5">{{ t('views.dashboard.projects') }}</Title>
         <ProjectList :projects="projects" />
     </BaseLayout>
 </template>
diff --git a/frontend/src/views/projects/UpdateProjectView.vue b/frontend/src/views/projects/UpdateProjectView.vue
index 67e8e575..18761b9b 100644
--- a/frontend/src/views/projects/UpdateProjectView.vue
+++ b/frontend/src/views/projects/UpdateProjectView.vue
@@ -143,7 +143,7 @@ watchImmediate(
         <template v-if="!loading">
             <div class="fadein">
                 <!-- Update project heading -->
-                <Title class="mb-6">
+                <Title class="mb-5">
                     {{ t('views.projects.edit') }}
                 </Title>
 
diff --git a/frontend/src/views/projects/roles/StudentProjectView.vue b/frontend/src/views/projects/roles/StudentProjectView.vue
index b50d9d7b..f30c7109 100644
--- a/frontend/src/views/projects/roles/StudentProjectView.vue
+++ b/frontend/src/views/projects/roles/StudentProjectView.vue
@@ -6,6 +6,7 @@ import ProjectInfo from '@/components/projects/ProjectInfo.vue';
 import ProjectStructure from '@/components/projects/ProjectStructure.vue';
 import Title from '@/views/layout/Title.vue';
 import Loading from '@/components/Loading.vue';
+import Divider from 'primevue/divider';
 import { ref } from 'vue';
 import { useGroup } from '@/composables/services/group.service.ts';
 import { type Group } from '@/types/Group.ts';
@@ -17,7 +18,7 @@ import { useProject } from '@/composables/services/project.service.ts';
 import { useRoute } from 'vue-router';
 import { type Project } from '@/types/Project.ts';
 import { useStructureCheck } from '@/composables/services/structure_check.service.ts';
-import Divider from 'primevue/divider';
+import { useI18n } from 'vue-i18n';
 
 /* Props */
 defineProps<{
@@ -25,6 +26,7 @@ defineProps<{
 }>();
 
 /* Composable injections */
+const { t } = useI18n();
 const { params } = useRoute();
 const { group, groups, getGroupByStudentProject, getGroupsByProject } = useGroup();
 const { students, getStudentsByGroup, studentJoinGroup, studentLeaveGroup } = useStudents();
@@ -130,7 +132,17 @@ watchImmediate(
                     <ProjectInfo class="mb-3" :project="project" />
                     <div v-if="project" v-html="project.description" />
                     <Divider />
-                    <ProjectStructure v-if="structureChecks" :structure-checks="structureChecks" />
+                    <template v-if="structureChecks !== null">
+                        <template v-if="structureChecks.length > 0">
+                            <ProjectStructure :structure-checks="structureChecks" />
+                        </template>
+                        <template v-else>
+                            {{ t('views.projects.structureChecks.noChecks') }}
+                        </template>
+                    </template>
+                    <template v-else>
+                        <Loading />
+                    </template>
                 </div>
                 <div class="col-12 md:col-4">
                     <template v-if="!loadingGroup">
diff --git a/frontend/src/views/submissions/SubmissionsView.vue b/frontend/src/views/submissions/SubmissionsView.vue
index 603c435f..016bd15a 100644
--- a/frontend/src/views/submissions/SubmissionsView.vue
+++ b/frontend/src/views/submissions/SubmissionsView.vue
@@ -85,13 +85,23 @@ onMounted(async () => {
 <template>
     <BaseLayout>
         <Title> {{ t(`views.submissions.title`) }}: {{ project ? project.name : 'Loading' }} </Title>
-        <template v-if="group !== null && submissions != null && structureChecks !== null">
+        <template v-if="group !== null && submissions != null">
             <div class="grid fadein">
                 <div class="col-12 md:col-6">
                     <div class="flex-column">
                         <!-- Project info column -->
                         <!-- Submission structure -->
-                        <ProjectStructure :structure-checks="structureChecks" />
+                        <template v-if="structureChecks !== null">
+                            <template v-if="structureChecks.length > 0">
+                                <ProjectStructure :structure-checks="structureChecks" />
+                            </template>
+                            <template v-else>
+                                {{ t('views.projects.structureChecks.noChecks') }}
+                            </template>
+                        </template>
+                        <template v-else>
+                            <Loading />
+                        </template>
 
                         <!-- Submission upload -->
                         <div class="py-2">
@@ -145,13 +155,9 @@ onMounted(async () => {
                     </div>
                 </div>
                 <!-- Overview of all given submissions -->
-                <div class="col-12 md:col-5 col-offset-1">
+                <div class="col-12 md:col-6">
                     <h2>{{ t('views.submissions.allSubmissions') }}</h2>
-                    <AllSubmission
-                        v-if="group && submissions"
-                        :group="group"
-                        :submissions="submissions"
-                    ></AllSubmission>
+                    <AllSubmission :group="group" :submissions="submissions"></AllSubmission>
                 </div>
             </div>
         </template>