From 5d5386bcc80d233c5d74d3fbc6ac7a600a5da3cf Mon Sep 17 00:00:00 2001
From: rclk15 <rickyclk15@gmail.com>
Date: Sun, 16 Jul 2023 17:01:31 -0400
Subject: [PATCH 1/2] Fix content centering inside CallIconButton

---
 ui/components/TracePage/CallIconButton.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/components/TracePage/CallIconButton.tsx b/ui/components/TracePage/CallIconButton.tsx
index 9f4cacca..86a4b33a 100644
--- a/ui/components/TracePage/CallIconButton.tsx
+++ b/ui/components/TracePage/CallIconButton.tsx
@@ -17,7 +17,7 @@ export const CallIconButton = forwardRef(
     ref,
   ) => (
     <Button
-      className="rounded-full p-1 h-fit mr-2 !shadow-none hover:bg-slate-200 w-12"
+      className="rounded-full p-1 h-fit mr-2 !shadow-none hover:bg-slate-200 w-fit"
       isActive={expanded}
       {...(isModelCall || !childCount
         ? {}
@@ -30,7 +30,13 @@ export const CallIconButton = forwardRef(
       size="md"
       variant="outline"
     >
-      <span className="mr-1">{isModelCall ? <ChatCenteredDots /> : childCount || "𝑓"}</span>
+      <span
+        className={`h-4 
+        ${isModelCall || childCount == 0 ? "mx-1" : "mr-1 "} 
+        ${childCount == 0 ? "relative bottom-0.5" : ""}`}
+      >
+        {isModelCall ? <ChatCenteredDots /> : childCount || "𝑓"}
+      </span>
     </Button>
   ),
 );

From 5962166f41306049e8dfe5635d121e430c521cc5 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Sun, 16 Jul 2023 21:31:52 +0000
Subject: [PATCH 2/2] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 ui/components/TracePage/CallIconButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/components/TracePage/CallIconButton.tsx b/ui/components/TracePage/CallIconButton.tsx
index 86a4b33a..4985d474 100644
--- a/ui/components/TracePage/CallIconButton.tsx
+++ b/ui/components/TracePage/CallIconButton.tsx
@@ -31,8 +31,8 @@ export const CallIconButton = forwardRef(
       variant="outline"
     >
       <span
-        className={`h-4 
-        ${isModelCall || childCount == 0 ? "mx-1" : "mr-1 "} 
+        className={`h-4
+        ${isModelCall || childCount == 0 ? "mx-1" : "mr-1 "}
         ${childCount == 0 ? "relative bottom-0.5" : ""}`}
       >
         {isModelCall ? <ChatCenteredDots /> : childCount || "𝑓"}