From 5dd4b62bcc35529ab9d1e6290a4937aa3c70d9a8 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 2 Jun 2025 12:31:58 +0700
Subject: [PATCH] fix: tooltip tools chat input

---
 web-app/src/containers/ChatInput.tsx | 50 +++++++++++++++-------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/web-app/src/containers/ChatInput.tsx b/web-app/src/containers/ChatInput.tsx
index db07d1f60..1fe0d413c 100644
--- a/web-app/src/containers/ChatInput.tsx
+++ b/web-app/src/containers/ChatInput.tsx
@@ -462,30 +462,32 @@ const ChatInput = ({
                     <TooltipProvider>
                       <Tooltip>
                         <TooltipTrigger asChild>
-                          <DropdownToolsAvailable
-                            initialMessage={initialMessage}
-                          >
-                            {(isOpen, toolsCount) => (
-                              <div
-                                className={cn(
-                                  'h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1 cursor-pointer relative',
-                                  isOpen && 'bg-main-view-fg/10'
-                                )}
-                              >
-                                <IconTool
-                                  size={18}
-                                  className="text-main-view-fg/50"
-                                />
-                                {toolsCount > 0 && (
-                                  <div className="absolute -top-1 -right-1.5 bg-accent text-accent-fg text-xs rounded-full size-4 flex items-center justify-center font-medium">
-                                    <span className="leading-0">
-                                      {toolsCount > 99 ? '99+' : toolsCount}
-                                    </span>
-                                  </div>
-                                )}
-                              </div>
-                            )}
-                          </DropdownToolsAvailable>
+                          <div>
+                            <DropdownToolsAvailable
+                              initialMessage={initialMessage}
+                            >
+                              {(isOpen, toolsCount) => (
+                                <div
+                                  className={cn(
+                                    'h-6 p-1 flex items-center justify-center rounded-sm hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out gap-1 cursor-pointer relative',
+                                    isOpen && 'bg-main-view-fg/10'
+                                  )}
+                                >
+                                  <IconTool
+                                    size={18}
+                                    className="text-main-view-fg/50"
+                                  />
+                                  {toolsCount > 0 && (
+                                    <div className="absolute -top-1 -right-1.5 bg-accent text-accent-fg text-xs rounded-full size-4 flex items-center justify-center font-medium">
+                                      <span className="leading-0">
+                                        {toolsCount > 99 ? '99+' : toolsCount}
+                                      </span>
+                                    </div>
+                                  )}
+                                </div>
+                              )}
+                            </DropdownToolsAvailable>
+                          </div>
                         </TooltipTrigger>
                         <TooltipContent>
                           <p>Tools</p>