From eb5a315b078e8c023b4261b8767790f3035a8253 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 8 Jul 2023 00:06:30 -0300
Subject: [PATCH] Fixed bug of DOM nesting showing on console.log

---
 .../headerComponent/components/menuBar/index.tsx  | 15 ++++++---------
 src/frontend/src/index.css                        |  2 +-
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index a1536f13d..b362307e7 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -14,7 +14,6 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuLabel,
-  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "../../../ui/dropdown-menu";
 
@@ -52,13 +51,11 @@ export const MenuBar = ({ flows, tabId }) => {
       <div className="header-menu-bar">
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button
-              className="header-menu-bar-display"
-              variant="primary"
-              size="sm"
-            >
-              <div className="header-menu-flow-name">{current_flow.name}</div>
-              <ChevronDown className="h-4 w-4" />
+            <Button asChild variant="primary" size="sm">
+              <div className="header-menu-bar-display">
+                <div className="header-menu-flow-name">{current_flow.name}</div>
+                <ChevronDown className="h-4 w-4" />
+              </div>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent className="w-44">
@@ -99,7 +96,7 @@ export const MenuBar = ({ flows, tabId }) => {
               <Redo className="header-menu-options " />
               Redo
             </DropdownMenuItem>
-            <DropdownMenuSeparator />
+            {/* <DropdownMenuSeparator /> */}
             {/* <DropdownMenuLabel>Projects</DropdownMenuLabel> */}
             {/* <DropdownMenuRadioGroup className="max-h-full overflow-scroll"
               value={tabId}
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index c8e79694a..428bd6d7c 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -545,7 +545,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply flex items-center gap-0.5 rounded-md px-1.5 py-1 text-sm font-medium
   }
   .header-menu-bar-display {
-    @apply flex max-w-[200px] items-center gap-2
+    @apply flex max-w-[200px] items-center gap-2 cursor-pointer
   }
   .header-menu-flow-name {
     @apply flex-1 truncate