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 PASS',
- Safenet = 'Safenet',
+ Safenet = 'Safenet New',
}
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);