From 60c8569a4285d92a7130631e447fcd11208a0b5c Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Fri, 2 May 2025 18:44:54 +0600
Subject: [PATCH] fix: ui changes

---
 src/components/TopicDetail/TopicDetailAI.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TopicDetail/TopicDetailAI.tsx b/src/components/TopicDetail/TopicDetailAI.tsx
index c177da6cc..699dca2b5 100644
--- a/src/components/TopicDetail/TopicDetailAI.tsx
+++ b/src/components/TopicDetail/TopicDetailAI.tsx
@@ -350,7 +350,7 @@ export function TopicDetailAI(props: TopicDetailAIProps) {
 
       <div
         className={cn(
-          'flex items-center gap-2 border-gray-200 px-3 py-1 text-sm',
+          'scrollbar-thumb-gray-300 scrollbar-track-transparent scrollbar-thin flex items-center gap-2 overflow-x-auto border-gray-200 px-3 py-1 text-sm',
         )}
       >
         {predefinedMessages.map((m) => (
@@ -490,7 +490,7 @@ function PredefinedMessageButton(props: PredefinedMessageButtonProps) {
 
   return (
     <button
-      className="rounded-md bg-gray-200 px-2 py-1 text-sm hover:bg-gray-300"
+      className="shrink-0 rounded-md bg-gray-200 px-2 py-1 text-sm whitespace-nowrap hover:bg-gray-300"
       onClick={onClick}
     >
       {label}