diff --git a/src/components/UsersDetailCardComponent.vue b/src/components/UsersDetailCardComponent.vue
index b1da0c78..306c22d4 100644
--- a/src/components/UsersDetailCardComponent.vue
+++ b/src/components/UsersDetailCardComponent.vue
@@ -29,7 +29,8 @@ withDefaults(
 defineEmits<{
   (e: 'deleteCard', id: string): void;
   (e: 'updateCard', action: 'FORM' | 'INFO', id: string): void;
-  (e: 'enterCard', action: 'FORM' | 'INFO', id: string): void;
+  (e: 'viewCard', action: 'FORM' | 'INFO', id: string): void;
+  (e: 'enterCard'): void;
   (e: 'toggleStatus', id: string): void;
 }>();
 </script>
@@ -48,7 +49,7 @@ defineEmits<{
         class="surface-1 front"
         bordered
         :class="`${$q.dark.isActive ? 'dark ' : ''} color__${color} ${noBg ? 'front__no-bg' : ''}`"
-        @click="$emit('enterCard', 'INFO', metadata.id)"
+        @click="$emit('enterCard')"
       >
         <div class="row justify-center relative-position">
           <q-card-section class="q-pt-xl img-decoration">
@@ -91,7 +92,7 @@ defineEmits<{
         class="back"
         :class="`${$q.dark.isActive ? 'dark ' : ''} color__${color}`"
         bordered
-        @click="$emit('enterCard', 'INFO', metadata.id)"
+        @click="$emit('enterCard')"
       >
         <div
           class="row q-pl-md q-pb-md items-center"
@@ -117,7 +118,7 @@ defineEmits<{
                   dense
                   class="row q-py-sm"
                   style="white-space: nowrap"
-                  @click="$emit('enterCard', 'INFO', metadata.id)"
+                  @click="$emit('viewCard', 'INFO', metadata.id)"
                 >
                   <q-icon
                     name="mdi-eye-outline"
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index e89e10f6..da29dbad 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -309,7 +309,8 @@ function undo() {
               },
             ],
           }"
-          @enter-card="openDialogInputForm"
+          @enter-card="console.log('enter')"
+          @view-card="openDialogInputForm"
         />
         <UsersDetailCardComponent
           color="green"
@@ -330,7 +331,8 @@ function undo() {
               },
             ],
           }"
-          @enter-card="openDialogInputForm"
+          @enter-card="console.log('enter')"
+          @view-card="openDialogInputForm"
         />
       </div>
     </AppBox>