From 492a537a1abd489ee8d729232d39156e01ba8ddf Mon Sep 17 00:00:00 2001
From: "US\\katie.kroell" <katie.kroell@safelite.com>
Date: Thu, 2 Apr 2026 11:25:17 -0400
Subject: [PATCH] accessibility fix for toggle components

---
 .../tpa-recal-toggle/tpa-recal-toggle.vue                | 9 ++++++---
 .../recal-ack-toggle/recal-ack-toggle.vue                | 2 ++
 2 files changed, 8 insertions(+), 3 deletions(-)

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: "";