From 291f46ce7e7f31f89d8aeae0357399d5b2001aa3 Mon Sep 17 00:00:00 2001
From: Adam Moussa <adam@seahavenind.com>
Date: Fri, 25 Sep 2026 17:03:19 -0400
Subject: [PATCH] fix(web): render the attention banner as text

---
 src/dashboard/DashboardGrids.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/dashboard/DashboardGrids.tsx b/src/dashboard/DashboardGrids.tsx
index a51520b..ce55c3f 100644
--- a/src/dashboard/DashboardGrids.tsx
+++ b/src/dashboard/DashboardGrids.tsx
@@ -220,18 +220,12 @@ export function DashboardGrids() {
       <Box sx={{ bgcolor: "background.paper", p: 2 }}>
         {filteredAttention.length > 0 && tab === "attention" ? (
           <Typography
-            component="button"
-            type="button"
             data-testid="attention-banner"
+            variant="body2"
             sx={{
               display: "block",
               mb: 1.5,
-              p: 0,
-              border: 0,
-              background: "none",
-              cursor: "pointer",
               color: "primary.main",
-              typography: "body2",
               textAlign: "left",
             }}
           >