From cb51c7a08245bc7f12d9cfc34e34180c18430114 Mon Sep 17 00:00:00 2001
From: rebelchris <chrisbongers@gmail.com>
Date: Tue, 21 Apr 2026 07:40:01 +0000
Subject: [PATCH 1/3] fix(shared): truncate company badge in user entity card

---
 packages/shared/src/components/VerifiedCompanyUserBadge.tsx    | 3 ++-
 packages/shared/src/components/cards/entity/UserEntityCard.tsx | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/shared/src/components/VerifiedCompanyUserBadge.tsx b/packages/shared/src/components/VerifiedCompanyUserBadge.tsx
index dcb220d86a1..e1565f2f74d 100644
--- a/packages/shared/src/components/VerifiedCompanyUserBadge.tsx
+++ b/packages/shared/src/components/VerifiedCompanyUserBadge.tsx
@@ -47,7 +47,7 @@ export const VerifiedCompanyUserBadge = ({
       side="bottom"
       className="text-center"
     >
-      <div className="flex items-center justify-center gap-1">
+      <div className="flex min-w-0 items-center justify-center gap-1">
         <ProfilePicture
           size={size}
           className="border border-border-subtlest-secondary"
@@ -61,6 +61,7 @@ export const VerifiedCompanyUserBadge = ({
           <Typography
             type={companyNameTypography?.type}
             color={companyNameTypography?.color || TypographyColor.Secondary}
+            truncate
           >
             {companies[0].name}
           </Typography>
diff --git a/packages/shared/src/components/cards/entity/UserEntityCard.tsx b/packages/shared/src/components/cards/entity/UserEntityCard.tsx
index 8067f26353f..ab12b6678ad 100644
--- a/packages/shared/src/components/cards/entity/UserEntityCard.tsx
+++ b/packages/shared/src/components/cards/entity/UserEntityCard.tsx
@@ -209,6 +209,9 @@ const UserEntityCard = ({ user, className }: Props) => {
             user={user}
             showCompanyName
             showVerified
+            companyNameTypography={{
+              type: TypographyType.Footnote,
+            }}
           />
         </div>
         {bio && <EntityDescription copy={bio} length={100} />}

From 64c0b06442f2ee4869e8c9b460f3b02a481691fb Mon Sep 17 00:00:00 2001
From: rebelchris <chrisbongers@gmail.com>
Date: Tue, 21 Apr 2026 07:41:40 +0000
Subject: [PATCH 2/3] fix(shared): default and simplify company badge
 truncation

---
 packages/shared/src/components/VerifiedCompanyUserBadge.tsx  | 2 +-
 .../shared/src/components/cards/entity/UserEntityCard.tsx    | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/shared/src/components/VerifiedCompanyUserBadge.tsx b/packages/shared/src/components/VerifiedCompanyUserBadge.tsx
index e1565f2f74d..afc70339123 100644
--- a/packages/shared/src/components/VerifiedCompanyUserBadge.tsx
+++ b/packages/shared/src/components/VerifiedCompanyUserBadge.tsx
@@ -59,7 +59,7 @@ export const VerifiedCompanyUserBadge = ({
         />
         {showCompanyName && (
           <Typography
-            type={companyNameTypography?.type}
+            type={companyNameTypography?.type ?? TypographyType.Footnote}
             color={companyNameTypography?.color || TypographyColor.Secondary}
             truncate
           >
diff --git a/packages/shared/src/components/cards/entity/UserEntityCard.tsx b/packages/shared/src/components/cards/entity/UserEntityCard.tsx
index ab12b6678ad..906da741e3f 100644
--- a/packages/shared/src/components/cards/entity/UserEntityCard.tsx
+++ b/packages/shared/src/components/cards/entity/UserEntityCard.tsx
@@ -192,7 +192,7 @@ const UserEntityCard = ({ user, className }: Props) => {
             dateFormat="MMM d. yyyy"
           />
         </div>
-        <div className="flex gap-2 truncate">
+        <div className="flex min-w-0 gap-2">
           {!!user?.reputation && (
             <div className="rounded-8 border border-border-subtlest-tertiary px-2">
               <ReputationUserBadge
@@ -209,9 +209,6 @@ const UserEntityCard = ({ user, className }: Props) => {
             user={user}
             showCompanyName
             showVerified
-            companyNameTypography={{
-              type: TypographyType.Footnote,
-            }}
           />
         </div>
         {bio && <EntityDescription copy={bio} length={100} />}

From 82f7412f6974ec4268fa6927f906ef3312ff9c2f Mon Sep 17 00:00:00 2001
From: rebelchris <chrisbongers@gmail.com>
Date: Tue, 21 Apr 2026 07:49:14 +0000
Subject: [PATCH 3/3] fix(shared): constrain company badge overflow in author
 cards

---
 AGENTS.md                                          |  2 ++
 .../src/components/cards/entity/UserEntityCard.tsx | 14 ++++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index 9311cd68495..d9c13422807 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -196,6 +196,8 @@ pnpm --filter extension build:chrome # Build Chrome extension
 
 **IMPORTANT**: For changed `.ts`/`.tsx` files, run `node ./scripts/typecheck-strict-changed.js` or the package's strict `tsc` command before finishing. Do not add context-specific props to shared primitives when the behavior can be scoped in the parent list/container.
 
+**IMPORTANT**: For text truncation inside flex layouts, scope the ellipsis to the text element and make the nearest flex item shrinkable with `min-w-0` (and `flex-1` when it should consume remaining space). Do not rely on `truncate` on the whole row.
+
 **IMPORTANT**: When changing SEO, gating, or noindex logic, preserve existing `undefined`/nullable behavior unless the requirement explicitly changes it, and verify field names against the typed GraphQL model instead of ticket prose.
 
 ## Where Should I Put This Code?
diff --git a/packages/shared/src/components/cards/entity/UserEntityCard.tsx b/packages/shared/src/components/cards/entity/UserEntityCard.tsx
index 906da741e3f..bf5a57fcc06 100644
--- a/packages/shared/src/components/cards/entity/UserEntityCard.tsx
+++ b/packages/shared/src/components/cards/entity/UserEntityCard.tsx
@@ -204,12 +204,14 @@ const UserEntityCard = ({ user, className }: Props) => {
               />
             </div>
           )}
-          <VerifiedCompanyUserBadge
-            size={ProfileImageSize.Small}
-            user={user}
-            showCompanyName
-            showVerified
-          />
+          <div className="min-w-0 flex-1">
+            <VerifiedCompanyUserBadge
+              size={ProfileImageSize.Small}
+              user={user}
+              showCompanyName
+              showVerified
+            />
+          </div>
         </div>
         {bio && <EntityDescription copy={bio} length={100} />}
       </div>