diff --git a/Modules/Client/Routes/api.php b/Modules/Client/Routes/api.php
index 6e24cceb..bf4635c0 100644
--- a/Modules/Client/Routes/api.php
+++ b/Modules/Client/Routes/api.php
@@ -78,6 +78,7 @@ Route::prefix('client')->group(function () {
             Route::get('get-limits/{member_id}', [CorporateMemberController::class, 'getLimits']);
 
             Route::get('download-ecard/{member_id}', [CorporateMemberController::class, 'downloadEcard']);
+            Route::get('view_card/{member_id}', [CorporateMemberController::class, 'viewECard']);
         });
         Route::get('claims/{id}', [ClaimController::class, 'show']);
 
diff --git a/frontend/client-portal/src/pages/EmployeeData/List.tsx b/frontend/client-portal/src/pages/EmployeeData/List.tsx
index f80ea463..03d8d7d2 100644
--- a/frontend/client-portal/src/pages/EmployeeData/List.tsx
+++ b/frontend/client-portal/src/pages/EmployeeData/List.tsx
@@ -171,23 +171,34 @@ export default function List() {
   /* -------------------------------------------------------------------------- */
   // Download E-Card
   async function handleDownloadEcard(member_id: any, fullName:any) {
-    return axios
-      .get(corporateValue+`/download-ecard/${member_id}`, {
+    axios
+    .get(corporateValue+`/view_card/${member_id}`, {
         responseType: 'blob',
-      })
-      .then((response) => {
-        const namaFile = 'Ecard - '+fullName+".pdf";
-        const url = URL.createObjectURL(response.data);
-        const link = document.createElement('a');
-        link.href = url;
-        link.setAttribute('download', namaFile);
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-      })
-      .catch((error) => {
-        enqueueSnackbar(error.message, { variant: 'error' });
-      });
+    })
+    .then((response) => {
+        window.open(URL.createObjectURL(response.data));
+    })
+    .catch((response) => {
+        enqueueSnackbar(response.message, { variant: 'error' });
+    });
+
+    // return axios
+    //   .get(corporateValue+`/download-ecard/${member_id}`, {
+    //     responseType: 'blob',
+    //   })
+    //   .then((response) => {
+    //     const namaFile = 'Ecard - '+fullName+".pdf";
+    //     const url = URL.createObjectURL(response.data);
+    //     const link = document.createElement('a');
+    //     link.href = url;
+    //     link.setAttribute('download', namaFile);
+    //     document.body.appendChild(link);
+    //     link.click();
+    //     document.body.removeChild(link);
+    //   })
+    //   .catch((error) => {
+    //     enqueueSnackbar(error.message, { variant: 'error' });
+    //   });
   }
 
   useEffect(() => {