diff --git a/client/src/pages/jobs-detail/jobs-detail.page.component.jsx b/client/src/pages/jobs-detail/jobs-detail.page.component.jsx
index a91ebfbef..b4baa1503 100644
--- a/client/src/pages/jobs-detail/jobs-detail.page.component.jsx
+++ b/client/src/pages/jobs-detail/jobs-detail.page.component.jsx
@@ -40,135 +40,137 @@ export default function JobsDetailPage({
   };
 
   return (
-    <Form onSubmit={handleSubmit} {...formItemLayout}>
-      <JobsDetailHeader
-        job={job}
-        mutationConvertJob={mutationConvertJob}
-        refetch={refetch}
-      />
-
-      {isFieldsTouched() ? (
-        <Alert
-          message={
-            <div>
-              {t("general.messages.unsavedchanges")}
-              <Button onClick={() => resetFields()}>
-                {t("general.actions.reset")}
-              </Button>
-            </div>
-          }
-          closable
+    <div>
+      <Form onSubmit={handleSubmit} {...formItemLayout}>
+        <JobsDetailHeader
+          job={job}
+          mutationConvertJob={mutationConvertJob}
+          refetch={refetch}
         />
-      ) : null}
 
-      <Tabs defaultActiveKey="claimdetail">
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon component={FaInfo} />
-              {t("menus.jobsdetail.claimdetail")}
-            </span>
-          }
-          key="claimdetail"
-        >
-          <JobsDetailClaims job={job} />
-        </Tabs.TabPane>
+        {isFieldsTouched() ? (
+          <Alert
+            message={
+              <div>
+                {t("general.messages.unsavedchanges")}
+                <Button onClick={() => resetFields()}>
+                  {t("general.actions.reset")}
+                </Button>
+              </div>
+            }
+            closable
+          />
+        ) : null}
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon component={FaShieldAlt} />
-              {t("menus.jobsdetail.insurance")}
-            </span>
-          }
-          key="insurance"
-        >
-          <JobsDetailInsurance job={job} />
-        </Tabs.TabPane>
+        <Tabs defaultActiveKey="claimdetail">
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon component={FaInfo} />
+                {t("menus.jobsdetail.claimdetail")}
+              </span>
+            }
+            key="claimdetail"
+          >
+            <JobsDetailClaims job={job} />
+          </Tabs.TabPane>
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon type="bars" />
-              {t("menus.jobsdetail.repairdata")}
-            </span>
-          }
-          key="repairdata"
-        >
-          <JobsLinesContainer jobId={job.id} />
-        </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon component={FaShieldAlt} />
+                {t("menus.jobsdetail.insurance")}
+              </span>
+            }
+            key="insurance"
+          >
+            <JobsDetailInsurance job={job} />
+          </Tabs.TabPane>
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon type="dollar" />
-              {t("menus.jobsdetail.financials")}
-            </span>
-          }
-          key="financials"
-        >
-          <JobsDetailFinancials job={job} />
-        </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon type="bars" />
+                {t("menus.jobsdetail.repairdata")}
+              </span>
+            }
+            key="repairdata"
+          >
+            <JobsLinesContainer jobId={job.id} />
+          </Tabs.TabPane>
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon type="tool" />
-              {t("menus.jobsdetail.partssublet")}
-            </span>
-          }
-          key="partssublet"
-        >
-          Partssublet
-        </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon type="dollar" />
+                {t("menus.jobsdetail.financials")}
+              </span>
+            }
+            key="financials"
+          >
+            <JobsDetailFinancials job={job} />
+          </Tabs.TabPane>
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon component={FaHardHat} />
-              {t("menus.jobsdetail.labor")}
-            </span>
-          }
-          key="labor"
-        >
-          Labor
-        </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon type="tool" />
+                {t("menus.jobsdetail.partssublet")}
+              </span>
+            }
+            key="partssublet"
+          >
+            Partssublet
+          </Tabs.TabPane>
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon type="calendar" />
-              {t("menus.jobsdetail.dates")}
-            </span>
-          }
-          key="dates"
-        >
-          <JobsDetailDatesComponent job={job} />}
-        </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon component={FaHardHat} />
+                {t("menus.jobsdetail.labor")}
+              </span>
+            }
+            key="labor"
+          >
+            Labor
+          </Tabs.TabPane>
 
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon type="file-image" />
-              {t("jobs.labels.documents")}
-            </span>
-          }
-          key="documents"
-        >
-          <JobsDocumentsContainer jobId={job.id} />
-        </Tabs.TabPane>
-        <Tabs.TabPane
-          tab={
-            <span>
-              <Icon component={FaRegStickyNote} />
-              {t("jobs.labels.notes")}
-            </span>
-          }
-          key="notes"
-        >
-          <JobNotesContainer jobId={job.id} />
-        </Tabs.TabPane>
-      </Tabs>
-    </Form>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon type="calendar" />
+                {t("menus.jobsdetail.dates")}
+              </span>
+            }
+            key="dates"
+          >
+            <JobsDetailDatesComponent job={job} />}
+          </Tabs.TabPane>
+
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon type="file-image" />
+                {t("jobs.labels.documents")}
+              </span>
+            }
+            key="documents"
+          >
+            <JobsDocumentsContainer jobId={job.id} />
+          </Tabs.TabPane>
+          <Tabs.TabPane
+            tab={
+              <span>
+                <Icon component={FaRegStickyNote} />
+                {t("jobs.labels.notes")}
+              </span>
+            }
+            key="notes"
+          >
+            <JobNotesContainer jobId={job.id} />
+          </Tabs.TabPane>
+        </Tabs>
+      </Form>
+    </div>
   );
 }