diff --git a/ui/src/components/ChannelPreview.tsx b/ui/src/components/ChannelPreview.tsx
index 502642b..c94ac8c 100644
--- a/ui/src/components/ChannelPreview.tsx
+++ b/ui/src/components/ChannelPreview.tsx
@@ -116,7 +116,7 @@ export function ChannelPreview({
         </div>
 
         <div className="flex items-center justify-between">
-          <p className="text-sm text-gray-600 dark:text-gray-400 truncate">
+          <p className="text-sm text-gray-600 dark:text-gray-400 line-clamp-2 max-h-10 overflow-hidden">
             {latestMessagePreview}
           </p>