diff --git a/src/components/pages/expense/ExpenseRequestContent.tsx b/src/components/pages/expense/ExpenseRequestContent.tsx
index 0cdbc22c..af8ceddc 100644
--- a/src/components/pages/expense/ExpenseRequestContent.tsx
+++ b/src/components/pages/expense/ExpenseRequestContent.tsx
@@ -13,12 +13,12 @@ import RealizationStatusBadge from '@/components/pages/expense/RealizationStatus
 import ExpenseStatusBadge from '@/components/pages/expense/ExpenseStatusBadge';
 import DropFileInput from '@/components/input/DropFileInput';
 import ApprovalSteps, {
-  formatGroupedApprovalsToApprovalSteps,
   useApprovalSteps,
 } from '@/components/pages/ApprovalSteps';
 import { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
+import ExpensePDFPreviewButton from '@/components/pages/expense//pdf/ExpensePDFButton';
 
 import { Expense } from '@/types/api/expense';
 import { formatCurrency, formatDate } from '@/lib/helper';
@@ -358,7 +358,12 @@ const ExpenseRequestContent = ({
                 <tr>
                   <th>Nomor PO</th>
                   <th>:</th>
-                  <td>{initialValues?.po_number ?? '-'}</td>
+                  <td>
+                    {!initialValues?.po_number && '-'}
+                    {initialValues?.po_number && (
+                      <ExpensePDFPreviewButton expense={initialValues} />
+                    )}
+                  </td>
                 </tr>
                 <tr>
                   <th>Nomor Referensi</th>