small style tweak

Author: mydea

src/components/sidebar/sidebarLink.tsx

@@ -28,10 +28,12 @@ export function SidebarLink({
     <LinkComponent
       href={href}
       onClick={onClick}
-      className={`${styles['sidebar-link']} ${isActive ? 'active' : ''}`}
+      className={`${styles['sidebar-link']} ${isActive ? 'active' : ''} ${
+        topLevel ? styles['sidebar-link-top-level'] : ''
+      }`}
       data-sidebar-link
     >
-      <div className={topLevel ? styles['sidebar-link-top-level'] : ''}>{title}</div>
+      <div>{title}</div>
       {collapsible && <NavChevron direction={isActive ? 'down' : 'right'} />}
     </LinkComponent>
   );

src/components/sidebar/style.module.scss

@@ -118,21 +118,15 @@
   text-transform: uppercase;
   letter-spacing: 0.2px;
   color: inherit;
-
 }
 
 .sidebar-link {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.25rem;
-  margin-bottom: 2px;
 
   &.active {
     background-color: var(--brandDecoration);
-
-    strong {
-      color: #fff;
-    }
   }
 }