From 532f274bd6579d94a720cda1e464f75a6f1d7043 Mon Sep 17 00:00:00 2001
From: Pranay Prateek <pranay@signoz.io>
Date: Wed, 28 Aug 2024 18:36:40 +0530
Subject: [PATCH] fix: changing color of beta tag for Service Map & light theme
 changer (#5731)

* fix: changing color of tag for Service Map in sidepanel

* fix: added geekblue and borderless in beta tag to light theme changer

* fix: removed comments
---
 frontend/src/container/MySettings/index.tsx        | 4 +++-
 frontend/src/container/SideNav/NavItem/NavItem.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/container/MySettings/index.tsx b/frontend/src/container/MySettings/index.tsx
index 234911796e..de6c12eb53 100644
--- a/frontend/src/container/MySettings/index.tsx
+++ b/frontend/src/container/MySettings/index.tsx
@@ -26,7 +26,9 @@ function MySettings(): JSX.Element {
 			label: (
 				<div className="theme-option">
 					<Sun size={12} data-testid="light-theme-icon" /> Light{' '}
-					<Tag color="magenta">Beta</Tag>
+					<Tag bordered={false} color="geekblue">
+						Beta
+					</Tag>
 				</div>
 			),
 			value: 'light',
diff --git a/frontend/src/container/SideNav/NavItem/NavItem.tsx b/frontend/src/container/SideNav/NavItem/NavItem.tsx
index aa9b57707e..b3d57193f1 100644
--- a/frontend/src/container/SideNav/NavItem/NavItem.tsx
+++ b/frontend/src/container/SideNav/NavItem/NavItem.tsx
@@ -31,7 +31,9 @@ export default function NavItem({
 
 				{isBeta && (
 					<div className="nav-item-beta">
-						<Tag color="magenta">Beta</Tag>
+						<Tag bordered={false} color="geekblue">
+							Beta
+						</Tag>
 					</div>
 				)}
 			</div>