From d4796bea8e5aa208bbb52b6954b4bcf3dc7129e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Mon, 9 Dec 2024 17:30:29 -0300
Subject: [PATCH 1/2] Making menu background different from site white bg

---
 lib/components/DesktopMenu/MenuItemWithSubmenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx b/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
index 36488cb..8481f5f 100644
--- a/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
+++ b/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
@@ -42,7 +42,7 @@ export const MenuItemWithSubmenu: React.FC<MenuItemWithSubmenuProps> = ({
         leaveFrom="opacity-100 translate-y-0"
         leaveTo="opacity-0 -translate-y-1"
       >
-        <Popover.Panel className="absolute inset-x-0 top-[120px] -z-10 bg-white shadow-md shadow-gray-400">
+        <Popover.Panel className="absolute inset-x-0 top-[120px] -z-10 bg-gray-50 shadow-md shadow-gray-400">
           <SubMenuGroup
             menuColumns={menuColumns}
             sidebarItems={sidebarItems}

From e2ac24178315df974f22040e94aabbcc8e867910 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Mon, 9 Dec 2024 17:42:03 -0300
Subject: [PATCH 2/2] Update SubMenuGroup.tsx

---
 lib/components/SubMenuGroup/SubMenuGroup.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/SubMenuGroup/SubMenuGroup.tsx b/lib/components/SubMenuGroup/SubMenuGroup.tsx
index dc6c6ce..9fc9ed5 100644
--- a/lib/components/SubMenuGroup/SubMenuGroup.tsx
+++ b/lib/components/SubMenuGroup/SubMenuGroup.tsx
@@ -47,7 +47,7 @@ export const SubMenuGroup: React.FC<SubMenuGroupProps> = ({
           ))}
         </div>
 
-        <div className="shrink-0 overflow-x-hidden bg-gray-50 lg:relative lg:w-[350px] lg:before:absolute lg:before:inset-0 lg:before:-z-10 lg:before:w-[1000px] lg:before:bg-gray-50">
+        <div className="shrink-0 overflow-x-hidden bg-gray-100 lg:relative lg:w-[350px] lg:before:absolute lg:before:inset-0 lg:before:-z-10 lg:before:w-[1000px] lg:before:bg-gray-50">
           <div className="flex flex-col gap-y-2 px-8 py-4">
             {sidebarItems?.map((sideBarItem, i) => (
               <div key={i}>
@@ -109,7 +109,7 @@ const LinkItem: React.FC<{ link: NavMenuColumnGroupItem }> = ({
     <CustomLink
       href={url || ""}
       className={cx(
-        "flex items-start gap-x-3 rounded-md bg-white text-ssw-black hover:text-ssw-red focus:outline-none",
+        "flex items-start gap-x-3 text-ssw-black hover:text-ssw-red focus:outline-none",
         description ? "p-4" : "p-2",
       )}
       onClick={() => {