diff --git a/fittrackee_client/src/components/Common/Modal.vue b/fittrackee_client/src/components/Common/Modal.vue
index 2a014fed..d7a31a39 100644
--- a/fittrackee_client/src/components/Common/Modal.vue
+++ b/fittrackee_client/src/components/Common/Modal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="modal" role="dialog">
+  <div id="modal" role="dialog" @click.self="emit('cancelAction')">
     <div class="custom-modal">
       <Card>
         <template #title>