From f9a435051d99da23fcfbec72ee96cdd8ba69010e Mon Sep 17 00:00:00 2001
From: MananTank <manantankm@gmail.com>
Date: Mon, 15 Dec 2025 17:55:21 +0000
Subject: [PATCH] [MNY-336] Portal: Fix spacing issue on menu with link (#8560)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on modifying the sidebar configuration and adjusting styles in the `Sidebar` component for better layout and design.

### Detailed summary
- In `apps/portal/src/app/bridge/sidebar.tsx`:
  - Added an entry for `name: "Guides"` in the sidebar configuration.
- In `apps/portal/src/components/others/Sidebar.tsx`:
  - Updated the `className` of a `div` to include `py-1.5` and `px-3`.
  - Modified the `className` of a `Link` to remove padding classes `py-1.5` and `px-3`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

* **Style**
  * Improved sidebar category spacing with enhanced padding distribution
  * Expanded interactive click target area for sidebar navigation items
  * Better visual organization of the Guides section

<sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub>

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/portal/src/app/bridge/sidebar.tsx        | 2 +-
 apps/portal/src/components/others/Sidebar.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/portal/src/app/bridge/sidebar.tsx b/apps/portal/src/app/bridge/sidebar.tsx
index 41de118b6d5..c22773d8a17 100644
--- a/apps/portal/src/app/bridge/sidebar.tsx
+++ b/apps/portal/src/app/bridge/sidebar.tsx
@@ -19,6 +19,7 @@ export const sidebar: SideBar = {
     },
     { separator: true },
     {
+      name: "Guides",
       isCollapsible: false,
       links: [
         {
@@ -76,7 +77,6 @@ export const sidebar: SideBar = {
           name: "Custom Data",
         },
       ],
-      name: "Guides",
     },
     { separator: true },
     {
diff --git a/apps/portal/src/components/others/Sidebar.tsx b/apps/portal/src/components/others/Sidebar.tsx
index 863c0b5b92c..3b717c9deee 100644
--- a/apps/portal/src/components/others/Sidebar.tsx
+++ b/apps/portal/src/components/others/Sidebar.tsx
@@ -203,7 +203,7 @@ function DocSidebarCategory(props: {
         "text-muted-foreground hover:text-foreground",
       )}
     >
-      <div className="flex gap-2" ref={triggerRef}>
+      <div className="flex gap-2 py-1.5 px-3" ref={triggerRef}>
         {icon && <SidebarIcon icon={icon} />}
         {name}
       </div>
@@ -211,7 +211,7 @@ function DocSidebarCategory(props: {
   );
 
   const triggerEl = href ? (
-    <Link className={cn("w-full py-1.5 px-3 text-left")} href={href}>
+    <Link className={cn("w-full text-left")} href={href}>
       {triggerElContent}
     </Link>
   ) : (