From b8fc69d7fbdf23f2dfae2748e4b4e8cad49a1add Mon Sep 17 00:00:00 2001
From: wil <wil@storyteller.ai>
Date: Mon, 23 Sep 2024 14:54:39 -0400
Subject: [PATCH] fix toolbar main's loading bar's transition component

---
 .../SignaledToolbarMain.tsx                   | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/KonvaRootComponent/SignaledToolbarMain.tsx b/src/KonvaRootComponent/SignaledToolbarMain.tsx
index 7d74cadb0f..5b3282951a 100644
--- a/src/KonvaRootComponent/SignaledToolbarMain.tsx
+++ b/src/KonvaRootComponent/SignaledToolbarMain.tsx
@@ -57,17 +57,20 @@ export const SignaledToolbarMain = ({
   };
   return (
     <div className="relative col-span-12 col-start-1 row-span-1 row-start-12">
-      <div className="absolute left-0 right-0 mx-auto w-96 -translate-y-full items-end pb-4">
-        <Transition show={loadingBar.isShowing}>
-          <LoadingBar
-            progress={loadingBar.progress}
-            message={loadingBar.message}
-            status={loadingBar.status}
-            onRetry={handleOnClickRetry}
-            colReverse
-          />
-        </Transition>
-      </div>
+      <Transition
+        as="div"
+        className="absolute left-0 right-0 mx-auto w-96 -translate-y-full items-end pb-4"
+        show={loadingBar.isShowing}
+      >
+        <LoadingBar
+          progress={loadingBar.progress}
+          message={loadingBar.message}
+          status={loadingBar.status}
+          onRetry={handleOnClickRetry}
+          colReverse
+        />
+      </Transition>
+
       <ToolbarMain
         disabled={toolbarMain.signal.value.disabled}
         buttonProps={buttonProps}