diff --git a/frontend/src/components/admin/AdminHeader.tsx b/frontend/src/components/admin/AdminHeader.tsx index 7217f825..6e9372d0 100644 --- a/frontend/src/components/admin/AdminHeader.tsx +++ b/frontend/src/components/admin/AdminHeader.tsx @@ -49,12 +49,15 @@ export const AdminHeader: React.FC = ({ onMenuClick }) => { // Re-used in left / center / right slots below so all three positions // produce visually identical brand chrome. const renderBrandBlock = () => ( -
+ // min-w-0 + truncate on the name span so long company names shrink + // within the left cluster instead of pushing into the right-side + // action buttons on narrow mobile widths (#523 regression). +
{!logoInSidebar && (logoDisplayMode === 'logo_only' || logoDisplayMode === 'logo_and_text') && ( - {companyName} + {companyName} )} {(logoDisplayMode === 'text_only' || logoDisplayMode === 'logo_and_text') && ( - {companyName} + {companyName} )}
);