diff --git a/components/templates/ListOfSuites.tsx b/components/templates/ListOfSuites.tsx
index b3df8ca..ca3428d 100644
--- a/components/templates/ListOfSuites.tsx
+++ b/components/templates/ListOfSuites.tsx
@@ -92,7 +92,6 @@ export const ListOfSuites = function(props: Props) {
 
   function changeRightSide(value, testId) {
     setTestInfoSection(value)
-    console.log(testId)
     setHighlightedTest(testId)
   }
 
diff --git a/pages/index.tsx b/pages/index.tsx
index 3af5276..acc469c 100755
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -272,7 +272,7 @@ function Index(props: Props) {
   }
 
   async function getNewProjectName(projectId) {
-    let projectName = (document.getElementById("newProjectName") as HTMLInputElement).value
+    let projectName = (document.getElementById("modal_" + projectId) as HTMLInputElement).value
     
     const requestOptions = {
       method: "PUT",
@@ -335,7 +335,7 @@ function Index(props: Props) {
                           <Typography style={{ marginBottom: "15px"}}> Update project name:
                           </Typography>
                           <form noValidate autoComplete="off">
-                            <TextField id="newProjectName" label={project.name} className={state.darkMode ? classes.rootSemiLight : classes.rootLight} variant="outlined"/>
+                            <TextField id={`modal_${project.project_id}`} label={project.name} className={state.darkMode ? classes.rootSemiLight : classes.rootLight} variant="outlined"/>
                             <Button variant="contained" style={{border: "1px solid grey", marginTop: "15px", marginLeft: "30px"}} onClick={() => getNewProjectName(project.project_id)}>Submit</Button> 
                           </form>