From b6e7f3cf4efc0c67bf96543bf25c13887fc74b65 Mon Sep 17 00:00:00 2001
From: Diogo Soares <32431609+DiogoSoaress@users.noreply.github.com>
Date: Tue, 3 Dec 2024 09:56:26 +0100
Subject: [PATCH] feat: update Menu button

---
 src/components/common/Header/navCategories.tsx | 2 +-
 src/components/common/Header/styles.module.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/common/Header/navCategories.tsx b/src/components/common/Header/navCategories.tsx
index 366dd4da..b2b3620c 100644
--- a/src/components/common/Header/navCategories.tsx
+++ b/src/components/common/Header/navCategories.tsx
@@ -45,7 +45,7 @@ export enum NavCategories {
   Community = 'Community',
   Resources = 'Resources',
   SafePass = 'Safe <u><i>PASS</i></u>',
-  Safenet = 'Safenet',
+  Safenet = 'Safenet <span>New</span>',
 }
 
 export const navCategories: NavCategory[] = [
diff --git a/src/components/common/Header/styles.module.css b/src/components/common/Header/styles.module.css
index 613a4ed5..349ee2dc 100644
--- a/src/components/common/Header/styles.module.css
+++ b/src/components/common/Header/styles.module.css
@@ -82,6 +82,14 @@
   list-style: none;
 }
 
+.navLink span {
+  color: var(--mui-palette-text-dark);
+  font-weight: 400;
+  background-color: var(--mui-palette-primary-main);
+  border-radius: 12px;
+  padding: 2px 6px;
+}
+
 @media (max-width: 899px) {
   .header {
     border-bottom: 1px solid var(--mui-palette-border-light);