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>
   ) : (