diff --git a/client/src/components/production-list-detail/production-list-detail.component.jsx b/client/src/components/production-list-detail/production-list-detail.component.jsx
index 2963176b9..34265612b 100644
--- a/client/src/components/production-list-detail/production-list-detail.component.jsx
+++ b/client/src/components/production-list-detail/production-list-detail.component.jsx
@@ -105,85 +105,89 @@ export function ProductionListDetail({
       {error && <AlertComponent error={JSON.stringify(error)} />}
       {!loading && data && (
         <div>
-          <Space direction="vertical">
-            <CardTemplate
-              title={t("jobs.labels.employeeassignments")}
-              loading={loading}
-            >
-              <JobEmployeeAssignments job={data.jobs_by_pk} refetch={refetch} />
-            </CardTemplate>
-            <Descriptions bordered column={1}>
-              <Descriptions.Item label={t("jobs.fields.ro_number")}>
-                {theJob.ro_number || ""}
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.alt_transport")}>
-                <Space>
-                  {data.jobs_by_pk.alt_transport || ""}
-                  <JobAtChange job={data.jobs_by_pk} />
-                </Space>
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.clm_no")}>
-                {theJob.clm_no || ""}
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.ins_co_nm")}>
-                {theJob.ins_co_nm || ""}
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.owner")}>
-                <Space>
-                  <OwnerNameDisplay ownerObject={theJob} />
-                  {!technician ? (
-                    <>
-                      <StartChatButton
-                        phone={data.jobs_by_pk.ownr_ph1}
-                        jobid={data.jobs_by_pk.id}
-                      />
-                      <StartChatButton
-                        phone={data.jobs_by_pk.ownr_ph2}
-                        jobid={data.jobs_by_pk.id}
-                      />
-                    </>
-                  ) : (
-                    <>
-                      <PhoneNumberFormatter>
-                        {data.jobs_by_pk.ownr_ph1}
-                      </PhoneNumberFormatter>
-                      <PhoneNumberFormatter>
-                        {data.jobs_by_pk.ownr_ph2}
-                      </PhoneNumberFormatter>
-                    </>
-                  )}
-                </Space>
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.vehicle")}>
-                {`${theJob.v_model_yr || ""} ${theJob.v_color || ""} ${
-                  theJob.v_make_desc || ""
-                } ${theJob.v_model_desc || ""}`}
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.clm_total")}>
-                <CurrencyFormatter>{theJob.clm_total}</CurrencyFormatter>
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.actual_in")}>
-                <DateFormatter>{theJob.actual_in}</DateFormatter>
-              </Descriptions.Item>
-              <Descriptions.Item label={t("jobs.fields.scheduled_completion")}>
-                <DateFormatter>{theJob.scheduled_completion}</DateFormatter>
-              </Descriptions.Item>
-            </Descriptions>
-            <JobDetailCardsPartsComponent
-              loading={loading}
-              data={data ? data.jobs_by_pk : null}
-            />
-            <JobDetailCardsNotesComponent
-              loading={loading}
-              data={data ? data.jobs_by_pk : null}
-            />
-            {!bodyshop.uselocalmediaserver && (
+          <CardTemplate
+            title={t("jobs.labels.employeeassignments")}
+            loading={loading}
+          >
+            <JobEmployeeAssignments job={data.jobs_by_pk} refetch={refetch} />
+          </CardTemplate>
+          <div style={{ height: "8px" }} />
+          <Descriptions bordered column={1}>
+            <Descriptions.Item label={t("jobs.fields.ro_number")}>
+              {theJob.ro_number || ""}
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.alt_transport")}>
+              <Space>
+                {data.jobs_by_pk.alt_transport || ""}
+                <JobAtChange job={data.jobs_by_pk} />
+              </Space>
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.clm_no")}>
+              {theJob.clm_no || ""}
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.ins_co_nm")}>
+              {theJob.ins_co_nm || ""}
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.owner")}>
+              <Space>
+                <OwnerNameDisplay ownerObject={theJob} />
+                {!technician ? (
+                  <>
+                    <StartChatButton
+                      phone={data.jobs_by_pk.ownr_ph1}
+                      jobid={data.jobs_by_pk.id}
+                    />
+                    <StartChatButton
+                      phone={data.jobs_by_pk.ownr_ph2}
+                      jobid={data.jobs_by_pk.id}
+                    />
+                  </>
+                ) : (
+                  <>
+                    <PhoneNumberFormatter>
+                      {data.jobs_by_pk.ownr_ph1}
+                    </PhoneNumberFormatter>
+                    <PhoneNumberFormatter>
+                      {data.jobs_by_pk.ownr_ph2}
+                    </PhoneNumberFormatter>
+                  </>
+                )}
+              </Space>
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.vehicle")}>
+              {`${theJob.v_model_yr || ""} ${theJob.v_color || ""} ${
+                theJob.v_make_desc || ""
+              } ${theJob.v_model_desc || ""}`}
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.clm_total")}>
+              <CurrencyFormatter>{theJob.clm_total}</CurrencyFormatter>
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.actual_in")}>
+              <DateFormatter>{theJob.actual_in}</DateFormatter>
+            </Descriptions.Item>
+            <Descriptions.Item label={t("jobs.fields.scheduled_completion")}>
+              <DateFormatter>{theJob.scheduled_completion}</DateFormatter>
+            </Descriptions.Item>
+          </Descriptions>
+          <div style={{ height: "8px" }} />
+          <JobDetailCardsPartsComponent
+            loading={loading}
+            data={data ? data.jobs_by_pk : null}
+          />
+          <div style={{ height: "8px" }} />
+          <JobDetailCardsNotesComponent
+            loading={loading}
+            data={data ? data.jobs_by_pk : null}
+          />
+          {!bodyshop.uselocalmediaserver && (
+            <>
+              <div style={{ height: "8px" }} />
               <JobDetailCardsDocumentsComponent
                 loading={loading}
                 data={data ? data.jobs_by_pk : null}
               />
-            )}
-          </Space>
+            </>
+          )}
         </div>
       )}
     </Drawer>