diff --git a/src/app/closing/detail/page.tsx b/src/app/closing/detail/page.tsx
index f85dfbe3..62f3fa20 100644
--- a/src/app/closing/detail/page.tsx
+++ b/src/app/closing/detail/page.tsx
@@ -55,7 +55,7 @@ const ClosingDetailPage = () => {
           id={Number(closingId)}
           initialValue={closing.data}
           salesData={isResponseSuccess(salesData) ? salesData.data : undefined}
-          costOfRevenueExpeditionData={
+          hppExpeditionData={
             isResponseSuccess(hppEkspedisiData)
               ? hppEkspedisiData.data
               : undefined
diff --git a/src/components/pages/closing/ClosingDetail.tsx b/src/components/pages/closing/ClosingDetail.tsx
index 17787591..336047e2 100644
--- a/src/components/pages/closing/ClosingDetail.tsx
+++ b/src/components/pages/closing/ClosingDetail.tsx
@@ -10,26 +10,26 @@ import ClosingGeneralInformationTable from '@/components/pages/closing/ClosingGe
 import {
   ClosingGeneralInformation,
   BaseClosingSales,
-  BaseClosingCostOfRevenueExpedition,
+  ClosingHppExpedition,
 } from '@/types/api/closing';
 import ClosingSapronakTabContent from './ClosingSapronakTabContent';
 import ClosingSapronakCalculationTabContent from '@/components/pages/closing/ClosingSapronakCalculationTabContent';
 import ClosingOverheadTabContent from '@/components/pages/closing/ClosingOverheadTabContent';
 import SalesReportTable from './sale/SalesReportTable';
-import CostOfRevenueExpeditionReportTable from './hpp-ekspedisi/CostOfRevenueExpeditionReportTable';
+import HppExpeditionReportTable from './hpp-ekspedisi/HppExpeditionReportTable';
 
 interface ClosingDetailProps {
   id: number;
   initialValue?: ClosingGeneralInformation;
   salesData?: BaseClosingSales;
-  costOfRevenueExpeditionData?: BaseClosingCostOfRevenueExpedition;
+  hppExpeditionData?: ClosingHppExpedition;
 }
 
 const ClosingDetail: React.FC<ClosingDetailProps> = ({
   id,
   initialValue,
   salesData,
-  costOfRevenueExpeditionData,
+  hppExpeditionData,
 }) => {
   const [activeTab, setActiveTab] = useState<string>('sapronak');
 
@@ -58,11 +58,7 @@ const ClosingDetail: React.FC<ClosingDetailProps> = ({
       {
         id: 'hppEkspedisi',
         label: 'HPP Ekspedisi',
-        content: (
-          <CostOfRevenueExpeditionReportTable
-            initialValues={costOfRevenueExpeditionData}
-          />
-        ),
+        content: <HppExpeditionReportTable initialValues={hppExpeditionData} />,
       },
       {
         id: 'dataProduksi',
diff --git a/src/components/pages/closing/hpp-ekspedisi/CostOfRevenueExpeditionReportTable.tsx b/src/components/pages/closing/hpp-ekspedisi/HppExpeditionReportTable.tsx
similarity index 94%
rename from src/components/pages/closing/hpp-ekspedisi/CostOfRevenueExpeditionReportTable.tsx
rename to src/components/pages/closing/hpp-ekspedisi/HppExpeditionReportTable.tsx
index 0e344599..f683ec58 100644
--- a/src/components/pages/closing/hpp-ekspedisi/CostOfRevenueExpeditionReportTable.tsx
+++ b/src/components/pages/closing/hpp-ekspedisi/HppExpeditionReportTable.tsx
@@ -7,15 +7,15 @@ import Card from '@/components/Card';
 import { formatCurrency } from '@/lib/helper';
 import { BaseHppExpedition, BaseExpeditionCost } from '@/types/api/closing';
 
-interface CostOfRevenueExpeditionReportTableProps {
+interface HppExpeditionReportTableProps {
   type?: 'detail';
   initialValues?: BaseHppExpedition;
 }
 
-const CostOfRevenueExpeditionReportTable = ({
+const HppExpeditionReportTable = ({
   type = 'detail',
   initialValues,
-}: CostOfRevenueExpeditionReportTableProps) => {
+}: HppExpeditionReportTableProps) => {
   const costOfRevenueExpeditionData: BaseExpeditionCost[] = useMemo(() => {
     return initialValues?.expedition_costs || [];
   }, [initialValues]);
@@ -107,4 +107,4 @@ const CostOfRevenueExpeditionReportTable = ({
   );
 };
 
-export default CostOfRevenueExpeditionReportTable;
+export default HppExpeditionReportTable;