diff --git a/frontend/src/component/project/ProjectList/ProjectList.styles.ts b/frontend/src/component/project/ProjectList/ProjectList.styles.ts
index 9fcd2f1980..686abb360e 100644
--- a/frontend/src/component/project/ProjectList/ProjectList.styles.ts
+++ b/frontend/src/component/project/ProjectList/ProjectList.styles.ts
@@ -32,7 +32,7 @@ export const useStyles = makeStyles(theme => ({
         },
     },
     searchBar: {
-        minWidth: '450px',
+        minWidth: 450,
         [theme.breakpoints.down('xs')]: {
             minWidth: '100%',
         },
diff --git a/frontend/src/component/project/ProjectList/ProjectList.tsx b/frontend/src/component/project/ProjectList/ProjectList.tsx
index 18d92d79c7..1d9f3c8819 100644
--- a/frontend/src/component/project/ProjectList/ProjectList.tsx
+++ b/frontend/src/component/project/ProjectList/ProjectList.tsx
@@ -56,7 +56,7 @@ export const ProjectListNew = () => {
     const filteredProjects = useMemo(() => {
         const regExp = new RegExp(filter, 'i');
         return filter
-            ? projects?.filter(project => regExp.test(project?.name))
+            ? projects.filter(project => regExp.test(project.name))
             : projects;
     }, [projects, filter]);
 
@@ -90,7 +90,7 @@ export const ProjectListNew = () => {
             return renderLoading();
         }
 
-        return filteredProjects?.map((project: IProjectCard) => {
+        return filteredProjects.map((project: IProjectCard) => {
             return (
                 <Link
                     key={project.id}
@@ -166,7 +166,7 @@ export const ProjectListNew = () => {
                 <ConditionallyRender condition={error} show={renderError()} />
                 <div className={styles.container}>
                     <ConditionallyRender
-                        condition={filteredProjects?.length < 1 && !loading}
+                        condition={filteredProjects.length < 1 && !loading}
                         show={<div>No projects available.</div>}
                         elseShow={renderProjects()}
                     />