diff --git a/client/package.json b/client/package.json
index 24b5d34d20..93361ce514 100644
--- a/client/package.json
+++ b/client/package.json
@@ -111,6 +111,7 @@
     "remark-math": "^6.0.0",
     "remark-supersub": "^1.0.0",
     "sse.js": "^2.5.0",
+    "styled-components": "^6.1.13",
     "swr": "^2.3.8",
     "tailwind-merge": "^1.9.1",
     "tailwindcss-animate": "^1.0.5",
diff --git a/client/src/components/Chat/Messages/Content/ToolCall.tsx b/client/src/components/Chat/Messages/Content/ToolCall.tsx
index 08241c1d1c..b9feef1bad 100644
--- a/client/src/components/Chat/Messages/Content/ToolCall.tsx
+++ b/client/src/components/Chat/Messages/Content/ToolCall.tsx
@@ -210,17 +210,15 @@ export default function ToolCall({
         >
           <div ref={contentRef}>
             {showInfo && hasInfo && (
-              <>
-                <ToolCallInfo
-                  key="tool-call-info"
-                  input={args ?? ''}
-                  output={output}
-                  domain={authDomain || (domain ?? '')}
-                  function_name={function_name}
-                  pendingAuth={authDomain.length > 0 && !cancelled && progress < 1}
-                  attachments={attachments}
-                />
-              </>
+              <ToolCallInfo
+                key="tool-call-info"
+                input={args ?? ''}
+                output={output}
+                domain={authDomain || (domain ?? '')}
+                function_name={function_name}
+                pendingAuth={authDomain.length > 0 && !cancelled && progress < 1}
+                attachments={attachments}
+              />
             )}
           </div>
         </div>