diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 4f65ae4e6..0a97d9007 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import Task from './components/task'
+import Task from './components/Task.jsx'
 import Project from './containers/Project'
 import Menu from './containers/Menu'
 
diff --git a/frontend/src/containers/Project.jsx b/frontend/src/containers/Project.jsx
index 653bc3edd..ebab6b429 100644
--- a/frontend/src/containers/Project.jsx
+++ b/frontend/src/containers/Project.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import ProjectMenu from './ProjectMenu';
-import TaskContainer from './taskContainer';
+import ProjectMenu from './ProjectMenu.jsx';
+import TaskContainer from './TaskContainer.jsx';
 
 const Project = (props) => {
   const { title } = props;
@@ -36,4 +36,4 @@ const Project = (props) => {
   )
 }
 
-export default Project
\ No newline at end of file
+export default Project
diff --git a/frontend/src/containers/TaskContainer.jsx b/frontend/src/containers/TaskContainer.jsx
index 0c32d4585..f48247889 100644
--- a/frontend/src/containers/TaskContainer.jsx
+++ b/frontend/src/containers/TaskContainer.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import Task from '../components/task'
+import Task from '../components/Task.jsx'
 
 const TaskContainer = ({ section }) => {
   return (
@@ -25,4 +25,4 @@ const TaskContainer = ({ section }) => {
   )
 }
 
-export default TaskContainer
\ No newline at end of file
+export default TaskContainer