From dde81867623870bdbd696f265e65767623597d20 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Fri, 5 Jun 2026 15:49:13 -0700
Subject: [PATCH] [eric] dashboard: header name ellipsizes at 320px as a
 backstop

---
 frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx
index 415ac478..b95c8ee4 100644
--- a/frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx
@@ -125,11 +125,13 @@ const DashboardHeader: React.FC<DashboardHeaderProps> = ({
       >
         <DashboardIcon sx={{ fontSize: 'small', color: c.accent.primary }} />
         <Typography
+          noWrap
           sx={{
             fontSize: '0.9rem',
             fontWeight: 600,
             color: c.text.primary,
             lineHeight: 1,
+            maxWidth: 320,
           }}
         >
           {dashboardName || 'Dashboard'}