diff --git a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
index 53b2d204..2c64ba69 100644
--- a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
+++ b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
@@ -6,11 +6,12 @@
         linkType="text"
         href="#!"
         :text="textForToggle"
-        @click="handleClickToggle" />
-      <div
+        @click-event="handleClickToggle" />
+      <button
+        type="button"
         class="tpa-toggle d-inline-block"
         :class="[isDetailVisible ? 'active' : '']"
-        @click="handleClickToggle"></div>
+        @click="handleClickToggle"></button>
       <Transition>
         <div
           v-show="isDetailVisible"
@@ -60,6 +61,8 @@ export default {
   .tpa-recal-toggle {
     .tpa-toggle {
       cursor: pointer;
+      border: none;
+      background: none;
 
       &::after {
         content: "";
diff --git a/src/layouts/schedule-page/recal-ack-modal/recal-ack-toggle/recal-ack-toggle.vue b/src/layouts/schedule-page/recal-ack-modal/recal-ack-toggle/recal-ack-toggle.vue
index bf8fb06f..10c8715d 100644
--- a/src/layouts/schedule-page/recal-ack-modal/recal-ack-toggle/recal-ack-toggle.vue
+++ b/src/layouts/schedule-page/recal-ack-modal/recal-ack-toggle/recal-ack-toggle.vue
@@ -62,6 +62,8 @@ export default {
   .recal-ack-toggle {
     .recal-ack-toggle {
       cursor: pointer;
+      border: none;
+      background: none;
 
       &::after {
         content: "";