From 76daeb0d3dd9efd99ef84a7b197ff137df5cbb40 Mon Sep 17 00:00:00 2001
From: Min Ji Choi <min@oxd.com>
Date: Mon, 16 Sep 2024 17:09:55 -0700
Subject: [PATCH] DBC22-2729: Accessibility for BCeID info tooltip

---
 src/frontend/src/Modal.js   | 2 +-
 src/frontend/src/Modal.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/Modal.js b/src/frontend/src/Modal.js
index e47a85c2a..026a5ed6b 100644
--- a/src/frontend/src/Modal.js
+++ b/src/frontend/src/Modal.js
@@ -138,7 +138,7 @@ export default function Modal() {
                 <span>What is a BCeID?</span>
 
                 <OverlayTrigger placement="top" overlay={tooltipBCeID}>
-                  <span className="tooltip-info">?</span>
+                <button className="tooltip-info" aria-label="BCeID tooltip" aria-describedby="tooltipBCeID">?</button>
                 </OverlayTrigger>
               </div>
             </form>
diff --git a/src/frontend/src/Modal.scss b/src/frontend/src/Modal.scss
index 451237a95..878f335b0 100644
--- a/src/frontend/src/Modal.scss
+++ b/src/frontend/src/Modal.scss
@@ -76,6 +76,7 @@
         background-color: $Type-Secondary;
         padding: 0 6px;
         border-radius: 18px;
+        border: none;
         font-size: 0.75rem;
   
         &:hover {