diff --git a/zubhub_frontend/zubhub/src/components/index.js b/zubhub_frontend/zubhub/src/components/index.js
index 0563b57e2..80336bcb2 100644
--- a/zubhub_frontend/zubhub/src/components/index.js
+++ b/zubhub_frontend/zubhub/src/components/index.js
@@ -12,8 +12,8 @@ import TagsInput from "./form/tagsInput/TagsInput";
 import VideoInput from "./form/videoInput/VideoInput";
 import Gallery from "./gallery/Gallery";
 import Modal from "./modals/Modal";
-import PreviewActivity from "./previewProject/PreviewActivity";
-import PreviewProject from "./previewProject/PreviewActivity";
+import PreviewActivity from "./previewActivity/PreviewActivity";
+import PreviewProject from "./previewProject/PreviewProject";
 import Pill from "./pill/Pill";
 
 export {
diff --git a/zubhub_frontend/zubhub/src/components/previewProject/PreviewActivity.jsx b/zubhub_frontend/zubhub/src/components/previewActivity/PreviewActivity.jsx
similarity index 99%
rename from zubhub_frontend/zubhub/src/components/previewProject/PreviewActivity.jsx
rename to zubhub_frontend/zubhub/src/components/previewActivity/PreviewActivity.jsx
index 9bbd0a8d6..a42b8d479 100644
--- a/zubhub_frontend/zubhub/src/components/previewProject/PreviewActivity.jsx
+++ b/zubhub_frontend/zubhub/src/components/previewActivity/PreviewActivity.jsx
@@ -24,7 +24,7 @@ import { useSelector } from 'react-redux';
 import { images } from '../../assets/images';
 import { colors } from '../../assets/js/colors.js';
 import commonStyles from '../../assets/js/styles';
-import { getUrlQueryObject } from '../../utils.js';
+import { getUrlQueryObject } from '../../utils.js/index.js';
 import activityDefailsStyles from './previewActivity.styles';
 
 const API = new ZubHubAPI();
diff --git a/zubhub_frontend/zubhub/src/components/previewProject/previewActivity.styles.js b/zubhub_frontend/zubhub/src/components/previewActivity/previewActivity.styles.js
similarity index 100%
rename from zubhub_frontend/zubhub/src/components/previewProject/previewActivity.styles.js
rename to zubhub_frontend/zubhub/src/components/previewActivity/previewActivity.styles.js
diff --git a/zubhub_frontend/zubhub/src/components/previewActivity/PreviewProject.jsx b/zubhub_frontend/zubhub/src/components/previewProject/PreviewProject.jsx
similarity index 100%
rename from zubhub_frontend/zubhub/src/components/previewActivity/PreviewProject.jsx
rename to zubhub_frontend/zubhub/src/components/previewProject/PreviewProject.jsx
diff --git a/zubhub_frontend/zubhub/src/components/previewActivity/previewProject.styles.js b/zubhub_frontend/zubhub/src/components/previewProject/previewProject.styles.js
similarity index 100%
rename from zubhub_frontend/zubhub/src/components/previewActivity/previewProject.styles.js
rename to zubhub_frontend/zubhub/src/components/previewProject/previewProject.styles.js
diff --git a/zubhub_frontend/zubhub/src/views/create_project/CreateProject.jsx b/zubhub_frontend/zubhub/src/views/create_project/CreateProject.jsx
index 764751d72..abfcb3919 100644
--- a/zubhub_frontend/zubhub/src/views/create_project/CreateProject.jsx
+++ b/zubhub_frontend/zubhub/src/views/create_project/CreateProject.jsx
@@ -46,7 +46,7 @@ import Step1 from './step1/Step1';
 import Step2 from './step2/Step2';
 import Step3 from './step3/Step3';
 import { TEAM_ENABLED } from '../../utils.js/index.js';
-const PreviewProject = lazy(() => import('../../components/previewProject/PreviewActivity'));
+const PreviewProject = lazy(() => import('../../components/previewProject/PreviewProject'));
 
 const DRAFT_STATUSES = { saved: 'SAVED', saving: 'SAVING', idle: 'IDLE' };
 const steps = ['Details', 'Photos/Videos', 'Features'];