From af353b9340995c9626e25dac976f9d78f3c969d9 Mon Sep 17 00:00:00 2001
From: Vishal Sharma <makeavish786@gmail.com>
Date: Thu, 4 Apr 2024 20:53:36 +0530
Subject: [PATCH] fix: sidebar jitter (#4815)

---
 frontend/src/container/SideNav/NavItem/NavItem.styles.scss | 2 +-
 frontend/src/container/SideNav/SideNav.styles.scss         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/container/SideNav/NavItem/NavItem.styles.scss b/frontend/src/container/SideNav/NavItem/NavItem.styles.scss
index 1e4d7c1aec..fc328e3bc8 100644
--- a/frontend/src/container/SideNav/NavItem/NavItem.styles.scss
+++ b/frontend/src/container/SideNav/NavItem/NavItem.styles.scss
@@ -43,7 +43,7 @@
 
 	.nav-item-data {
 		flex-grow: 1;
-
+		max-width: calc(100% - 24px);
 		display: flex;
 		margin: 0px 8px;
 		padding: 4px 12px;
diff --git a/frontend/src/container/SideNav/SideNav.styles.scss b/frontend/src/container/SideNav/SideNav.styles.scss
index c770652724..c4fd918d30 100644
--- a/frontend/src/container/SideNav/SideNav.styles.scss
+++ b/frontend/src/container/SideNav/SideNav.styles.scss
@@ -87,7 +87,7 @@
 
 	.get-started-nav-items {
 		display: flex;
-		margin: 4px 8px 4px 10px;
+		margin: 4px 13px 4px 10px;
 
 		.get-started-btn {
 			display: flex;