From 131062125f450fcf604ce090818c01648ab960ae Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 20 Jun 2024 20:31:49 -0300
Subject: [PATCH] update display of stop button

---
 .../headerComponent/components/menuBar/index.tsx       | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 98f289a76..831a1286f 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -205,18 +205,16 @@ export const MenuBar = ({ }: {}): JSX.Element => {
           side="bottom"
           styleClasses="cursor-default"
         >
-          <div className="flex group transition-all cursor-default items-center gap-1.5 text-sm text-muted-foreground">
-            <div className="absolute flex transition-all cursor-default items-center gap-1.5 text-sm text-muted-foreground">
+          <div className="flex transition-all cursor-default items-center gap-2 text-sm text-muted-foreground">
+            <div className="flex transition-all cursor-default items-center gap-1.5 text-sm text-muted-foreground">
               <IconComponent
                 name={isBuilding || saveLoading ? "Loader2" : "CheckCircle2"}
                 className={cn(
                   "h-4 w-4",
                   isBuilding || saveLoading ? "animate-spin" : "animate-wiggle",
-                  isBuilding ? "group-hover:opacity-0 transition-all" : ""
                 )}
               />
-              <div className={isBuilding ? "group-hover:opacity-0 transition-all" : ""
-              }>
+              <div>
                 {printByBuildStatus()}
               </div>
             </div>
@@ -228,7 +226,7 @@ export const MenuBar = ({ }: {}): JSX.Element => {
                 window.stop();
               }
             }
-            } className={isBuilding ? "absolute opacity-0 group-hover:opacity-100 text-status-red flex gap-1.5 items-center transition-all " : "opacity-0"}>
+            } className={isBuilding ? "opacity-100 text-status-red flex gap-1.5 items-center transition-all " : "opacity-0"}>
               <IconComponent
                 name="Square"
                 className="h-4 w-4"