From dc75ac5f6c70c767e4bd6a83e7187a5f0c955f01 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 29 May 2026 01:44:03 +0200
Subject: [PATCH] fix(frontend): prevent handle overflow in instance badge row

---
 thoughts-frontend/components/movie-card.tsx   | 2 +-
 thoughts-frontend/components/thought-card.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/thoughts-frontend/components/movie-card.tsx b/thoughts-frontend/components/movie-card.tsx
index 0a1ee94..0ab1deb 100644
--- a/thoughts-frontend/components/movie-card.tsx
+++ b/thoughts-frontend/components/movie-card.tsx
@@ -66,7 +66,7 @@ export function MovieCard({ meta, author, createdAt }: MovieCardProps) {
             <span className="font-bold truncate">{author.displayName ?? author.username}</span>
             {!author.local && (
               <div className="flex items-center gap-1.5 min-w-0">
-                <span className="text-xs text-muted-foreground/70 truncate">
+                <span className="text-xs text-muted-foreground/70 truncate flex-1">
                   {author.username.startsWith("@") ? author.username : `@${author.username}`}
                 </span>
                 <span className="text-[10px] font-medium px-2 py-0.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-500 shrink-0">
diff --git a/thoughts-frontend/components/thought-card.tsx b/thoughts-frontend/components/thought-card.tsx
index ae3de06..f19e8b3 100644
--- a/thoughts-frontend/components/thought-card.tsx
+++ b/thoughts-frontend/components/thought-card.tsx
@@ -166,7 +166,7 @@ export function ThoughtCard({
               </span>
               {!author.local && (
                 <div className="flex items-center gap-1.5 min-w-0">
-                  <span className="text-xs text-muted-foreground/70 truncate">
+                  <span className="text-xs text-muted-foreground/70 truncate flex-1">
                     {author.username.startsWith("@") ? author.username : `@${author.username}`}
                   </span>
                   <span className="text-[10px] font-medium px-2 py-0.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-500 shrink-0">