From b9ffce2a8f4e781a69c59c12f4640cbadedbc37b Mon Sep 17 00:00:00 2001
From: Deon Sanchez <69873175+deon-sanchez@users.noreply.github.com>
Date: Mon, 18 Nov 2024 13:43:11 -0700
Subject: [PATCH] fix: Update background color in FlowMenu dropdown (#4681)

Updated the background color in the FlowMenu dropdown to match the dark theme background. This ensures a consistent and visually appealing user experience.

Refactor the code in `src/frontend/src/components/appHeaderComponent/components/FlowMenu/index.tsx` to change the `DropdownMenuContent` class from `bg-white` to `bg-background`.
---
 .../components/appHeaderComponent/components/FlowMenu/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/components/appHeaderComponent/components/FlowMenu/index.tsx b/src/frontend/src/components/appHeaderComponent/components/FlowMenu/index.tsx
index d035ef8d6..8f508d472 100644
--- a/src/frontend/src/components/appHeaderComponent/components/FlowMenu/index.tsx
+++ b/src/frontend/src/components/appHeaderComponent/components/FlowMenu/index.tsx
@@ -148,7 +148,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
               />
             </div>
           </DropdownMenuTrigger>
-          <DropdownMenuContent className="w-44 bg-white dark:bg-black">
+          <DropdownMenuContent className="w-44 bg-white dark:bg-background">
             <DropdownMenuLabel>Options</DropdownMenuLabel>
             <DropdownMenuItem
               onClick={() => {