diff --git a/client/app/(patient)/video-section/[sectionId]/page.tsx b/client/app/(patient)/video-section/[sectionId]/page.tsx
index de22109a..09d12f4b 100644
--- a/client/app/(patient)/video-section/[sectionId]/page.tsx
+++ b/client/app/(patient)/video-section/[sectionId]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useParams } from 'next/navigation';
-import JoinPage from './Join-page';
+import JoinPage from '../../../../components/page-components/video/JoinSectionPatient';
 import VideoChat from '@/components/page-components/video/VideoChat';
 import { useGetSectionByIdPatient } from '@/lib/hooks/video/usePatient';
 import { useVideoCall } from '@/lib/hooks/useVideoCall';
diff --git a/client/app/doctor/video-call/[sectionId]/page.tsx b/client/app/doctor/video-call/[sectionId]/page.tsx
index 24421db4..984c80ea 100644
--- a/client/app/doctor/video-call/[sectionId]/page.tsx
+++ b/client/app/doctor/video-call/[sectionId]/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useParams } from 'next/navigation';
-import JoinPage from './Join-page';
+import JoinPage from '../../../../components/page-components/video/JoinSectionDoctor';
 import VideoChat from '@/components/page-components/video/VideoChat';
 import { useGetSectionByIdDoctor } from '@/lib/hooks/video/useDoctor';
 import { useVideoCall } from '@/lib/hooks/useVideoCall';
diff --git a/client/app/doctor/video-call/[sectionId]/Join-page.tsx b/client/components/page-components/video/JoinSectionDoctor.tsx
similarity index 100%
rename from client/app/doctor/video-call/[sectionId]/Join-page.tsx
rename to client/components/page-components/video/JoinSectionDoctor.tsx
diff --git a/client/app/(patient)/video-section/[sectionId]/Join-page.tsx b/client/components/page-components/video/JoinSectionPatient.tsx
similarity index 100%
rename from client/app/(patient)/video-section/[sectionId]/Join-page.tsx
rename to client/components/page-components/video/JoinSectionPatient.tsx