diff --git a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
index 755580a..7ddb01c 100644
--- a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
@@ -42,7 +42,15 @@ const DetailApprovalTransaction = () => {
         }
     }, [showDetailDialog, selectedTransactionId, GetData]);
 
-    const [activeTab, setActiveTab] = useState('detail'); // 'detail', 'log', 'approve'
+    const [activeTab, setActiveTab] = useState('detail');
+
+    // Reset ke tab awal saat dialog dibuka
+    useEffect(() => {
+        if (showDetailDialog) {
+            setActiveTab('detail');
+        }
+    }, [showDetailDialog]);
+
 
     return (
         <Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>
diff --git a/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx b/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
index 46a9acc..3738a77 100644
--- a/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
+++ b/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
@@ -54,7 +54,15 @@ const DetailTransaction = () => {
         }
     }, [showDetailDialog, selectedTransactionId, GetData]);
 
-    const [activeTab, setActiveTab] = useState('detail'); // 'detail', 'log', 'approve'
+    const [activeTab, setActiveTab] = useState('detail');
+
+    // Reset ke tab awal saat dialog dibuka
+    useEffect(() => {
+        if (showDetailDialog) {
+            setActiveTab('detail');
+        }
+    }, [showDetailDialog]);
+
 
     return (
         <Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>