diff --git a/web/src/App.tsx b/web/src/App.tsx
index 64e0e37..44ce71c 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -15,6 +15,7 @@ import { NextUIProvider } from '@nextui-org/system';
 import ExamProgressLayout from '@/pages/exams/progress/layout/ExamProgressLayout';
 import ExamIntroPage from '@/pages/exams/ExamIntroPage';
 import ExamSubmissionsViewPage from './pages/exams/submissions/ExamSubmissionsViewPage';
+import BaseNoFooterLayout from './components/layouts/base/BaseNoFooterLayout';
 
 const App = () => {
   const navigate = useNavigate();
@@ -29,9 +30,11 @@ const App = () => {
           <Route path="about" element={<AboutPage />} />
           <Route path="dashboard" element={<DashBoardPage />} />
           <Route path="exams/:examId/intro" element={<ExamIntroPage />} />
-          <Route path="exams/:examId/submissions" element={<ExamSubmissionsViewPage />} />
           <Route path="*" element={<NotFoundPage />} />
         </Route>
+        <Route element={<BaseNoFooterLayout />}>
+          <Route path="exams/:examId/submissions" element={<ExamSubmissionsViewPage />} />
+        </Route>
         <Route path="exams/:examId/progress" element={<ExamProgressLayout />}>
           <Route index element={<ExamProgressPage />} />
         </Route>
diff --git a/web/src/components/analytics/SubmissionDetailContent.tsx b/web/src/components/analytics/SubmissionDetailContent.tsx
index f8a64a3..7e0f013 100644
--- a/web/src/components/analytics/SubmissionDetailContent.tsx
+++ b/web/src/components/analytics/SubmissionDetailContent.tsx
@@ -25,9 +25,11 @@ const SubmissionDetailsContent = ({
           <div className="text-gray-500 text-sm">{fromNowDate(data.submittedAt)}</div>
         </div>
       </div>
-      {data.answers.map((answer, index) => (
-        <SubmissionAnswers key={answer.id} answer={answer} index={index} />
-      ))}
+      <div className="w-full h-full overflow-y-auto flex flex-col gap-4">
+        {data.answers.map((answer, index) => (
+          <SubmissionAnswers key={answer.id} answer={answer} index={index} />
+        ))}
+      </div>
       <div className="mt-4" />
     </>
   );
diff --git a/web/src/components/layouts/base/BaseNoFooterLayout.tsx b/web/src/components/layouts/base/BaseNoFooterLayout.tsx
new file mode 100644
index 0000000..a496da8
--- /dev/null
+++ b/web/src/components/layouts/base/BaseNoFooterLayout.tsx
@@ -0,0 +1,17 @@
+import Header from '@/components/layouts/base/Header.tsx';
+import { Outlet } from 'react-router';
+
+const BaseNoFooterLayout = () => {
+  return (
+    <div className="relative flex flex-col h-screen">
+      <Header />
+      <div className="h-full w-full overflow-y-auto pb-14 pt-6 bg-gray-100">
+        <main className="h-full w-full overflow-y-auto bg-white">
+          <Outlet />
+        </main>
+      </div>
+    </div>
+  );
+};
+
+export default BaseNoFooterLayout;
diff --git a/web/src/components/submissions/ExamSubmissionsViewContent.tsx b/web/src/components/submissions/ExamSubmissionsViewContent.tsx
index 2004e0a..1536096 100644
--- a/web/src/components/submissions/ExamSubmissionsViewContent.tsx
+++ b/web/src/components/submissions/ExamSubmissionsViewContent.tsx
@@ -56,7 +56,7 @@ const ExamSubmissionsViewContent = ({
           ))}
         </div>
       </div>
-      <div className="flex grow flex-col h-full p-6 overflow-y-auto items-center">
+      <div className="flex grow flex-col h-full pt-6 items-center overflow-y-auto">
         {current.currentSubmissionId && (
           <div className="w-full max-w-[750px] h-full flex items-center flex-col gap-4">
             <AsyncBoundary>
diff --git a/web/src/components/submissions/SubmissionWithAnswerViewPanel.tsx b/web/src/components/submissions/SubmissionWithAnswerViewPanel.tsx
deleted file mode 100644
index 375c959..0000000
--- a/web/src/components/submissions/SubmissionWithAnswerViewPanel.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import useGetSubmissionDetail from '@/hooks/api/submission/useGetSubmissionDetail';
-
-const SubmissionWithAnswerViewPanel = ({
-  examId,
-  submissionId,
-}: {
-  examId: number;
-  submissionId: number;
-}) => {
-  const { data } = useGetSubmissionDetail(examId, submissionId);
-
-  return <div>{JSON.stringify(data)}</div>;
-};
-
-export default SubmissionWithAnswerViewPanel;