fix: Added Consistent Margin Around Left Sidebar Items in ChaosCenter (#5311)

* fix: Added Consistent Margin Around Left Sidebar Items in ChaosCenter

Signed-off-by: Avirup Banik <[email protected]>

* fix: added border uniform radius on sidebar items

Signed-off-by: Avirup Banik <[email protected]>

---------

Signed-off-by: Avirup Banik <[email protected]>

Author: Avirup-001

chaoscenter/web/src/components/SideNav/SideNav.module.scss

@@ -83,22 +83,20 @@
 .link {
   display: block;
   margin-left: var(--spacing-medium);
+  margin-right: var(--spacing-medium);
   padding: var(--spacing-small) var(--spacing-medium);
+  border-radius: 2px;
   opacity: 0.8;
   z-index: 1;
 
   &:hover {
     text-decoration: none;
     opacity: 1;
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
     background-color: var(--primary-7);
   }
 
   &.selected {
     background-color: var(--primary-7);
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
     opacity: 1;
   }