diff --git a/ui/desktop/src/components/PopularChatTopics.tsx b/ui/desktop/src/components/PopularChatTopics.tsx
index 912a36c5cd..7fd321530e 100644
--- a/ui/desktop/src/components/PopularChatTopics.tsx
+++ b/ui/desktop/src/components/PopularChatTopics.tsx
@@ -42,7 +42,7 @@ export default function PopularChatTopics({ append }: PopularChatTopicsProps) {
   };
 
   return (
-    <div className="absolute bottom-0 left-0 p-6 w-full">
+    <div className="absolute bottom-0 left-0 p-6 max-w-md">
       <h3 className="text-text-muted text-sm mb-1">Popular chat topics</h3>
       <div className="space-y-1">
         {POPULAR_TOPICS.map((topic) => (