From b3653b773bfe855dc170b804f2b3344a2d9a1f95 Mon Sep 17 00:00:00 2001
From: mark8-1 <munyaarmel61@gmail.com>
Date: Thu, 5 Dec 2024 09:36:55 +0200
Subject: [PATCH] D

---
 app/components/Home.tsx | 10 +++++-----
 app/globals.css         |  5 +++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/components/Home.tsx b/app/components/Home.tsx
index 6fc8dc6..e5efd22 100644
--- a/app/components/Home.tsx
+++ b/app/components/Home.tsx
@@ -1,6 +1,6 @@
 "use client"
 import React, { useState, useMemo } from "react"
-import { Input, Card, Typography, Menu, Collapse, Empty } from "antd"
+import { Input, Card, Typography, Menu, Collapse, Empty,Button } from "antd"
 import ToolMapButton from "./Button"
 
 const { Title, Paragraph } = Typography
@@ -149,7 +149,7 @@ const EnAccessToolMap = ({ setIsModalOpen }: EnAccessToolMapProps) => {
       <div className="flex justify-center space-x-4 my-5">
         <Menu
           mode="horizontal"
-          className="bg-transparent"
+          className="bg-transparent border-0"
           selectedKeys={selectedCategories}
           onClick={handleMenuClick}
         >
@@ -157,11 +157,11 @@ const EnAccessToolMap = ({ setIsModalOpen }: EnAccessToolMapProps) => {
             <Menu.SubMenu
               key={category}
               title={
-                <span style={{ fontSize: "1.2em", margin: "0 0 10px 0" }}>
+                <Button className="bg-[#95D5B2] hover:bg-[#2D6A4F]"  >
                   {category}
-                </span>
+                </Button>
               }
-              className={`bg-[#95D5B2] hover:bg-[#2D6A4F] hover:text-white`}
+              className={` hover:bg-[#2D6A4F] hover:text-white custom-popup`}
             >
               {items.map((item) => (
                 <Menu.Item
diff --git a/app/globals.css b/app/globals.css
index 6b717ad..d8bcda7 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -19,3 +19,8 @@ body {
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
 }
+.custom-popup {
+  border: none; /* Remove border from submenu */
+}
+
+