diff --git a/devU-client/src/components/pages/assignments/assignmentDetailPage.scss b/devU-client/src/components/pages/assignments/assignmentDetailPage.scss
index 30e754b2..182c4933 100644
--- a/devU-client/src/components/pages/assignments/assignmentDetailPage.scss
+++ b/devU-client/src/components/pages/assignments/assignmentDetailPage.scss
@@ -174,10 +174,12 @@
     padding: 10px;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 370px) {
     .header {
         flex-direction: column; 
         align-items: center; 
+        width:400px;
+        
     }
 
     .buttons {
diff --git a/devU-client/src/components/pages/assignments/assignmentDetailPage.tsx b/devU-client/src/components/pages/assignments/assignmentDetailPage.tsx
index 156fc4f8..1391a8ea 100644
--- a/devU-client/src/components/pages/assignments/assignmentDetailPage.tsx
+++ b/devU-client/src/components/pages/assignments/assignmentDetailPage.tsx
@@ -7,9 +7,9 @@ import ErrorPage from '../errorPage/errorPage'
 import LoadingOverlay from 'components/shared/loaders/loadingOverlay'
 import {useActionless, useAppSelector} from 'redux/hooks'
 import {SET_ALERT} from 'redux/types/active.types'
-import Card from '@mui/material/Card'
-import CardContent from '@mui/material/CardContent'
-import {Accordion, AccordionDetails, CardActionArea, TextField, Typography} from '@mui/material'
+//import Card from '@mui/material/Card'
+//import CardContent from '@mui/material/CardContent'
+import {Accordion, AccordionDetails, TextField, Typography} from '@mui/material'
 
 
 import Grid from '@mui/material/Unstable_Grid2'
diff --git a/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx b/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx
index ed74323b..0891e313 100644
--- a/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx
+++ b/devU-client/src/components/pages/forms/courses/coursesFormPage.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { useHistory } from 'react-router-dom'
-import { ExpressValidationError } from 'devu-shared-modules'
+//import { ExpressValidationError } from 'devu-shared-modules'
 
 import PageWrapper from 'components/shared/layouts/pageWrapper'
 
@@ -11,7 +11,7 @@ import TextField from 'components/shared/inputs/textField'
 import { SET_ALERT } from 'redux/types/active.types'
 import formStyles from './coursesFormPage.scss'
 import AutomateDates from './automateDates'
-import { applyMessageToErrorFields, removeClassFromField } from "../../../../utils/textField.utils";
+import { removeClassFromField } from "../../../../utils/textField.utils";
 
 const EditCourseFormPage = () => {
     const [setAlert] = useActionless(SET_ALERT);
@@ -27,11 +27,16 @@ const EditCourseFormPage = () => {
     const [startDate, setStartDate] = useState(new Date().toISOString().split("T")[0]);
     const [endDate, setEndDate] = useState(new Date().toISOString().split("T")[0]);
     const [privateDate, setPrivateDate] = useState(new Date().toISOString().split("T")[0]);
+    const [invalidFields,setInvalidFields] = useState(new Map<string, string>());
 
-    const handleChange = (value: string, e: React.ChangeEvent<HTMLInputElement>) => {
-        const key = e.target.id;
-        setFormData(prevState => ({ ...prevState, [key]: value }));
-    };
+    const handleChange = (value: String, e : React.ChangeEvent<HTMLInputElement>) => {
+        const key = e.target.id
+        setFormData(prevState => ({...prevState,[key] : value}))
+
+        const newInvalidFields = removeClassFromField(invalidFields, key)
+        setInvalidFields(newInvalidFields)
+    }
+    
 
     const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {
         setFormData(prevState => ({ ...prevState, isPublic: e.target.checked })); 
@@ -42,6 +47,7 @@ const EditCourseFormPage = () => {
         endDate: string;
     }
 
+    
     const handleDatesChange = ({ startDate, endDate }: Dates) => {
         setStartDate(startDate);
         setEndDate(endDate);
@@ -57,10 +63,12 @@ const EditCourseFormPage = () => {
     const formatDateForSubmission = (date: string) => {
         return new Date(date).toISOString();
     };
+    
 
     const isFormValid = () => {
         return formData.name && formData.number && formData.semester && startDate && endDate;
     };
+    
 
     const handleSubmit = () => {
         const finalFormData = {