From 07f4fcb21646de027771113d595846ec779d2c4b Mon Sep 17 00:00:00 2001
From: Pranshu Chittora <pranshuchittora17@gmail.com>
Date: Wed, 9 Feb 2022 11:48:54 +0530
Subject: [PATCH] fix(FE): Sidebar navigation when collapsed (#686)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update README.md

* ci(k3s): 💚 fix correct raw github URL for hotrod (#661)

Signed-off-by: Prashant Shahi <prashant@signoz.io>
(cherry picked from commit d92a3e64f58477af46fc56781489a4be05ec42f0)

* chore: 🚚 rename config .yaml to yml for behaviorbot (#673)

Signed-off-by: Prashant Shahi <prashant@signoz.io>
(cherry picked from commit cd04a39d3dcc1579dc5807ad9cece4eed4437f0d)

* fix(FE): sidebar navigation when collapsed

Co-authored-by: Pranay Prateek <pranay@signoz.io>
Co-authored-by: Prashant Shahi <prashant@signoz.io>
Co-authored-by: Ankit Nayan <ankit@signoz.io>
---
 frontend/src/container/SideNav/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/container/SideNav/index.tsx b/frontend/src/container/SideNav/index.tsx
index c628d939f1..c96e46b18d 100644
--- a/frontend/src/container/SideNav/index.tsx
+++ b/frontend/src/container/SideNav/index.tsx
@@ -73,10 +73,12 @@ const SideNav = ({ toggleDarkMode }: Props): JSX.Element => {
 				mode="inline"
 			>
 				{menus.map(({ to, Icon, name }) => (
-					<Menu.Item key={to} icon={<Icon />}>
-						<div onClick={(): void => onClickHandler(to)}>
-							<Typography>{name}</Typography>
-						</div>
+					<Menu.Item
+						key={to}
+						icon={<Icon />}
+						onClick={(): void => onClickHandler(to)}
+					>
+						<Typography>{name}</Typography>
 					</Menu.Item>
 				))}
 			</Menu>