diff --git a/frontend/src/Components/AddProject.tsx b/frontend/src/Components/AddProject.tsx
index e2ad8b9..e838d14 100644
--- a/frontend/src/Components/AddProject.tsx
+++ b/frontend/src/Components/AddProject.tsx
@@ -36,7 +36,7 @@ function CreateProject(props: { name: string; description: string }): void {
  * Provides UI for adding a project to the system.
  * @returns {JSX.Element} - Returns the component UI for adding a project
  */
-function AddProject(): JSX.Element {
+function AddProject() {
   const [name, setName] = useState("");
   const [description, setDescription] = useState("");
 
@@ -44,6 +44,7 @@ function AddProject(): JSX.Element {
     <div className="flex flex-col h-fit w-screen items-center justify-center">
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center h-fit w-fit rounded-3xl content-center pl-20 pr-20">
         <form
+        id="form"
           className="bg-white rounded px-8 pt-6 pb-8 mb-4 items-center justify-center flex flex-col w-fit h-fit"
           onSubmit={(e) => {
             e.preventDefault();
@@ -84,9 +85,6 @@ function AddProject(): JSX.Element {
           <div className="flex items-center justify-between">
             <Button
               text="Create"
-              onClick={(): void => {
-                return;
-              }}
               type="submit"
             />
           </div>
diff --git a/frontend/src/Components/Button.tsx b/frontend/src/Components/Button.tsx
index 13ae807..aa38c9e 100644
--- a/frontend/src/Components/Button.tsx
+++ b/frontend/src/Components/Button.tsx
@@ -13,7 +13,7 @@ function Button({
   type,
 }: {
   text: string;
-  onClick: () => void;
+  onClick?: () => void;
   type: "submit" | "button" | "reset";
 }): JSX.Element {
   return (