diff --git a/frontend/frontend/src/pages/assignmentPage/AssignmentPage.tsx b/frontend/frontend/src/pages/assignmentPage/AssignmentPage.tsx
index 29208f90..d8b7fdb0 100644
--- a/frontend/frontend/src/pages/assignmentPage/AssignmentPage.tsx
+++ b/frontend/frontend/src/pages/assignmentPage/AssignmentPage.tsx
@@ -450,7 +450,7 @@ export function AssignmentPage() {
                                                         )
                                                     ) &&
                                                     !assignment.extra_deadline
-                                                        ? 'red'
+                                                        ? 'error.main'
                                                         : 'text.primary'
                                                 }
                                             >
@@ -531,7 +531,7 @@ export function AssignmentPage() {
                                                             assignment.extra_deadline
                                                         )
                                                     )
-                                                        ? 'red'
+                                                        ? 'error.main'
                                                         : 'text.primary'
                                                 }
                                             >
@@ -821,7 +821,7 @@ export function AssignmentPage() {
                                                             )
                                                         ) &&
                                                         !assignment.extra_deadline
-                                                            ? 'red'
+                                                            ? 'error.main'
                                                             : 'text.primary'
                                                     }
                                                 >
@@ -945,7 +945,7 @@ export function AssignmentPage() {
                                                             assignment.extra_deadline
                                                         )
                                                     )
-                                                        ? 'red'
+                                                        ? 'error.main'
                                                         : 'text.primary'
                                                 }
                                             >
diff --git a/frontend/frontend/src/pages/subjectsPage/AssignmentListItemSubjectsPage.tsx b/frontend/frontend/src/pages/subjectsPage/AssignmentListItemSubjectsPage.tsx
index e39e2785..5b9013fa 100644
--- a/frontend/frontend/src/pages/subjectsPage/AssignmentListItemSubjectsPage.tsx
+++ b/frontend/frontend/src/pages/subjectsPage/AssignmentListItemSubjectsPage.tsx
@@ -4,6 +4,7 @@ import {
     ListItemButton,
     ListItemText,
     Tooltip,
+    Typography,
 } from '@mui/material'
 import { useNavigate } from 'react-router-dom'
 import { t } from 'i18next'
@@ -15,12 +16,14 @@ import React, { useState } from 'react'
 import dayjs, { Dayjs } from 'dayjs'
 import { Score } from '../../components/SubmissionListItemTeacherPage.tsx'
 import { EvenlySpacedRow } from '../../components/CustomComponents.tsx'
+import { Submission } from '../submissionPage/SubmissionPage.tsx'
 
 /**
  * This component is used to display a single assignment in the list of assignments.
  * @param projectName: string - the name of the project
  * @param dueDate: Date - the due date of the project
  * @param submissions: number - number of submissions for the project
+ * @param lastSubmission: Submission - last submission for the project
  * @param score: number - assigned score on the project
  * @param isStudent: boolean - wether the user is a student or a teacher
  * @param archived: boolean - wether the assignment is archived
@@ -34,6 +37,7 @@ interface AssignmentListItemSubjectsPageProps {
     projectName: string
     dueDate: Dayjs | undefined
     submissions: number
+    lastSubmission?: Submission
     score: Score | undefined
     maxScore: number
     isStudent: boolean
@@ -50,6 +54,7 @@ export function AssignmentListItemSubjectsPage({
     projectName,
     dueDate,
     submissions,
+    lastSubmission,
     score,
     maxScore,
     isStudent,
@@ -87,15 +92,33 @@ export function AssignmentListItemSubjectsPage({
                         <EvenlySpacedRow
                             items={[
                                 <ListItemText primary={projectName} />,
-                                <ListItemText
-                                    primary={
-                                        dueDate
+                                <ListItemText>
+                                    <Typography
+                                        color={
+                                            dueDate
+                                                ? dayjs(dueDate).isBefore(
+                                                      dayjs()
+                                                  )
+                                                    ? lastSubmission
+                                                        ? dayjs(
+                                                              lastSubmission.tijdstip
+                                                          ).isBefore(
+                                                              dayjs(dueDate)
+                                                          )
+                                                            ? 'success.main'
+                                                            : 'error.main'
+                                                        : 'error.main'
+                                                    : 'text.primary'
+                                                : 'text.primary'
+                                        }
+                                    >
+                                        {dueDate
                                             ? dayjs(dueDate).format(
                                                   'DD/MM/YYYY HH:mm'
                                               )
-                                            : t('no_deadline')
-                                    }
-                                />,
+                                            : t('no_deadline')}
+                                    </Typography>
+                                </ListItemText>,
                                 <ListItemText
                                     primary={
                                         submissions > 0
@@ -132,15 +155,25 @@ export function AssignmentListItemSubjectsPage({
                             <EvenlySpacedRow
                                 items={[
                                     <ListItemText primary={projectName} />,
-                                    <ListItemText
-                                        primary={
-                                            dueDate
+                                    <ListItemText>
+                                        <Typography
+                                            color={
+                                                dueDate
+                                                    ? dayjs(dueDate).isBefore(
+                                                          dayjs()
+                                                      )
+                                                        ? 'error'
+                                                        : 'text.primary'
+                                                    : 'text.primary'
+                                            }
+                                        >
+                                            {dueDate
                                                 ? dayjs(dueDate).format(
                                                       'DD/MM/YYYY HH:mm'
                                                   )
-                                                : t('no_deadline')
-                                        }
-                                    />,
+                                                : t('no_deadline')}
+                                        </Typography>
+                                    </ListItemText>,
                                     <ButtonActions
                                         archived={archived}
                                         startVisible={visible}
diff --git a/frontend/frontend/src/pages/subjectsPage/ProjectsView.tsx b/frontend/frontend/src/pages/subjectsPage/ProjectsView.tsx
index c40f2be5..e264247e 100644
--- a/frontend/frontend/src/pages/subjectsPage/ProjectsView.tsx
+++ b/frontend/frontend/src/pages/subjectsPage/ProjectsView.tsx
@@ -51,6 +51,7 @@ export function ProjectsView({
     courseId,
 }: ProjectsViewProps) {
     const [projects, setProjects] = useState<ProjectStudent[]>([])
+    const [lastSubmission, setLastSubmission] = useState<Submission>()
 
     // state to keep track of the loading state
     const [loading, setLoading] = useState(true)
@@ -90,10 +91,11 @@ export function ProjectsView({
                 const submissionsResponse = await instance.get(
                     `/indieningen/?groep=${projectstudent.group.groep_id?.toString()}&project=${projectstudent.assignment.project_id.toString()}`
                 )
-                const lastSubmission =
-                    submissionsResponse.data[
-                        submissionsResponse.data.length - 1
-                    ]
+                const lastSubmission = submissionsResponse.data.sort(
+                    (a: Submission, b: Submission) =>
+                        dayjs(a.tijdstip).isAfter(dayjs(b.tijdstip)) ? 1 : -1
+                )[0]
+                setLastSubmission(lastSubmission)
                 return {
                     ...projectstudent,
                     lastSubmission: lastSubmission,
@@ -142,7 +144,30 @@ export function ProjectsView({
                 )
                 const scoreArray = await Promise.all(scorePromises)
 
-                setProjects(scoreArray)
+                scoreArray.sort((a, b) => {
+                    return dayjs(a.assignment.deadline).isAfter(
+                        dayjs(b.assignment.deadline)
+                    )
+                        ? 1
+                        : -1
+                })
+
+                const pastAndTodayDeadlines: ProjectStudent[] = []
+                const futureDeadlines: ProjectStudent[] = []
+                const today = dayjs()
+                // Separate the items based on their deadline
+                scoreArray.forEach((item) => {
+                    if (
+                        dayjs(item.assignment.deadline).isBefore() ||
+                        dayjs(item.assignment.deadline).isSame(today)
+                    ) {
+                        pastAndTodayDeadlines.push(item)
+                    } else {
+                        futureDeadlines.push(item)
+                    }
+                })
+
+                setProjects(futureDeadlines.concat(pastAndTodayDeadlines))
             } catch (e) {
                 console.error('Error fetching all data:', e)
             } finally {
@@ -264,6 +289,9 @@ export function ProjectsView({
                                             <>
                                                 <Divider />
                                                 <AssignmentListItemSubjectsPage
+                                                    lastSubmission={
+                                                        lastSubmission
+                                                    }
                                                     key={
                                                         project.assignment
                                                             .project_id
@@ -272,10 +300,12 @@ export function ProjectsView({
                                                         project.assignment.titel
                                                     }
                                                     dueDate={
-                                                        project.assignment.deadline
+                                                        project.assignment
+                                                            .deadline
                                                             ? dayjs(
-                                                              project.assignment
-                                                                .deadline
+                                                                  project
+                                                                      .assignment
+                                                                      .deadline
                                                               )
                                                             : undefined
                                                     }
@@ -284,9 +314,7 @@ export function ProjectsView({
                                                             ? project.submissions
                                                             : 0
                                                     }
-                                                    score={
-                                                        project.score
-                                                    }
+                                                    score={project.score}
                                                     maxScore={Number(
                                                         project.assignment
                                                             .max_score
diff --git a/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx b/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
index 581a4437..273023ca 100644
--- a/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
+++ b/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
@@ -329,9 +329,18 @@ export function SubjectsPage() {
                                     alignItems="center"
                                     sx={{ width: '100%', height: '30%' }}
                                 >
-                                    <Box sx={{ paddingLeft: '20px', display: 'flex', alignItems: 'center', gap: 2 }}>
+                                    <Box
+                                        sx={{
+                                            paddingLeft: '20px',
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            gap: 2,
+                                        }}
+                                    >
                                         <StudentPopUp
-                                            students={studentsLoading ? [] : students}
+                                            students={
+                                                studentsLoading ? [] : students
+                                            }
                                             text="students"
                                             noGroup={false}
                                         />
@@ -339,11 +348,11 @@ export function SubjectsPage() {
                                             invitationLink={`${window.location.href}/accept_invitation`}
                                         />
                                     </Box>
-                                <Box>
-                                </Box>
-                                  <Tooltip
+                                    <Box></Box>
+                                    <Tooltip
                                         title={t('add_project')}
-                                        placement={'top'}>
+                                        placement={'top'}
+                                    >
                                         <IconButton
                                             onClick={addProject}
                                             color="primary"