diff --git a/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx b/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
index 1c374e4b..b0cb5c8d 100644
--- a/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
+++ b/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
@@ -162,9 +162,11 @@ const getTableData = (
       value: item.status ? (
         <View style={{ alignItems: 'center' }}>
           <PdfStatusBadge
-            backgroundColor={getPDFBadgeStyle(item.status, 'payment').bg}
-            textColor={getPDFBadgeStyle(item.status, 'payment').text}
-            borderColor={getPDFBadgeStyle(item.status, 'payment').border}
+            style={{
+              backgroundColor: getPDFBadgeStyle(item.status, 'payment').bg,
+              color: getPDFBadgeStyle(item.status, 'payment').text,
+              borderColor: getPDFBadgeStyle(item.status, 'payment').border,
+            }}
           >
             {formatTitleCase(item.status)}
           </PdfStatusBadge>
diff --git a/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx b/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
index b5c26525..849ce4ef 100644
--- a/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
+++ b/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
@@ -113,9 +113,11 @@ const getTableData = (rows: DebtSupplier['rows']): PdfTbodyCell[][] => {
         item.due_status && item.due_status !== '-' ? (
           <View style={{ alignItems: 'center' }}>
             <PdfStatusBadge
-              backgroundColor={getPDFBadgeStyle(item.due_status, 'due').bg}
-              textColor={getPDFBadgeStyle(item.due_status, 'due').text}
-              borderColor={getPDFBadgeStyle(item.due_status, 'due').border}
+              style={{
+                backgroundColor: getPDFBadgeStyle(item.due_status, 'due').bg,
+                color: getPDFBadgeStyle(item.due_status, 'due').text,
+                borderColor: getPDFBadgeStyle(item.due_status, 'due').border,
+              }}
             >
               {item.due_status}
             </PdfStatusBadge>
@@ -148,9 +150,11 @@ const getTableData = (rows: DebtSupplier['rows']): PdfTbodyCell[][] => {
         item.status && item.status !== '-' ? (
           <View style={{ alignItems: 'center' }}>
             <PdfStatusBadge
-              backgroundColor={getPDFBadgeStyle(item.status, 'payment').bg}
-              textColor={getPDFBadgeStyle(item.status, 'payment').text}
-              borderColor={getPDFBadgeStyle(item.status, 'payment').border}
+              style={{
+                backgroundColor: getPDFBadgeStyle(item.status, 'payment').bg,
+                color: getPDFBadgeStyle(item.status, 'payment').text,
+                borderColor: getPDFBadgeStyle(item.status, 'payment').border,
+              }}
             >
               {item.status}
             </PdfStatusBadge>
diff --git a/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx b/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
index cc2b7976..3423ca69 100644
--- a/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
+++ b/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
@@ -144,9 +144,11 @@ const getTableData = (
       value: item.expedition ? (
         <View style={{ alignItems: 'center' }}>
           <PdfStatusBadge
-            backgroundColor='#DBEAFE'
-            textColor='#1E40AF'
-            borderColor='#60A5FA'
+            style={{
+              backgroundColor: '#DBEAFE',
+              color: '#1E40AF',
+              borderColor: '#60A5FA',
+            }}
           >
             {item.expedition}
           </PdfStatusBadge>