From 45a551125d5fd676731d679e91ce5855cadbcf95 Mon Sep 17 00:00:00 2001
From: mickr777 <115216705+mickr777@users.noreply.github.com>
Date: Sun, 2 Jul 2023 15:06:32 +1000
Subject: [PATCH] Update NodeInvokeButton.tsx

---
 .../nodes/components/ui/NodeInvokeButton.tsx  | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/ui/NodeInvokeButton.tsx b/invokeai/frontend/web/src/features/nodes/components/ui/NodeInvokeButton.tsx
index be5e5a943e..450287ecf3 100644
--- a/invokeai/frontend/web/src/features/nodes/components/ui/NodeInvokeButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/ui/NodeInvokeButton.tsx
@@ -43,21 +43,6 @@ export default function NodeInvokeButton(props: InvokeButton) {
   return (
     <Box style={{ flexGrow: 4 }} position="relative">
       <Box style={{ position: 'relative' }}>
-        {!isReady && (
-          <Box
-            style={{
-              position: 'absolute',
-              bottom: '0',
-              left: '0',
-              right: '0',
-              height: '100%',
-              overflow: 'clip',
-              borderRadius: 4,
-            }}
-          >
-            <ProgressBar />
-          </Box>
-        )}
         {iconButton ? (
           <IAIIconButton
             aria-label={t('parameters.invoke')}
@@ -89,6 +74,20 @@ export default function NodeInvokeButton(props: InvokeButton) {
             Invoke
           </IAIButton>
         )}
+        {!isReady && (
+          <Box
+            style={{
+              position: 'absolute',
+              bottom: '0',
+              left: '0',
+              right: '0',
+              height: '15%',
+              overflow: 'clip',
+            }}
+          >
+            <ProgressBar />
+          </Box>
+        )}
       </Box>
     </Box>
   );