Fixes the avatar squishing if the project name is too long (#1861)

samejr · web-flow · commit 49c067d75598 · 2025-04-01T17:39:10.000+01:00
diff --git a/apps/webapp/app/components/primitives/Avatar.tsx b/apps/webapp/app/components/primitives/Avatar.tsx
@@ -135,7 +135,7 @@ function AvatarLetters({
 
   return (
     <span
-      className="grid place-items-center overflow-hidden text-charcoal-750"
+      className="grid shrink-0 place-items-center overflow-hidden text-charcoal-750"
       style={styleFromSize(size)}
     >
       {/* This is the square container */}

Original file line number	Diff line number	Diff line change
`@@ -135,7 +135,7 @@ function AvatarLetters({`
`135`	`135`
`136`	`136`	`return (`
`137`	`137`	`<span`
`138`		`- className="grid place-items-center overflow-hidden text-charcoal-750"`
	`138`	`+ className="grid shrink-0 place-items-center overflow-hidden text-charcoal-750"`
`139`	`139`	`style={styleFromSize(size)}`
`140`	`140`	`>`
`141`	`141`	`{/* This is the square container */}`