From 8792092dc59aab7c7616611dc27f9aff3d9f8d0c Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 16 Sep 2025 20:31:12 +0300
Subject: [PATCH 1/5] fix dashboard logo on collapse

---
 apps/web/app/(org)/dashboard/_components/MobileTab.tsx      | 2 +-
 apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx | 1 +
 packages/ui/src/components/icons/Logo.tsx                   | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/_components/MobileTab.tsx b/apps/web/app/(org)/dashboard/_components/MobileTab.tsx
index 810c5ce4d0a..b4cd3290165 100644
--- a/apps/web/app/(org)/dashboard/_components/MobileTab.tsx
+++ b/apps/web/app/(org)/dashboard/_components/MobileTab.tsx
@@ -92,7 +92,7 @@ const Orgs = ({
 					name={activeOrg?.organization.name ?? "No organization found"}
 				/>
 			)}
-			<p className="text-xs mr-2 text-gray-12 truncate w-fit max-w-[90px]">
+			<p className="text-sm mr-2 text-gray-12 truncate w-fit max-w-[90px]">
 				{activeOrg?.organization.name}
 			</p>
 			<ChevronDown
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
index f4c3c0d58ea..53984dfa6c5 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
@@ -54,6 +54,7 @@ export const DesktopNav = () => {
 					<Link href="/dashboard">
 						<Logo
 							hideLogoName={sidebarCollapsed}
+							viewBoxDimensions={sidebarCollapsed ? "0 0 40 40" : "0 0 120 40"}
 							className="mx-auto w-[120px] h-[40px]"
 						/>
 					</Link>
diff --git a/packages/ui/src/components/icons/Logo.tsx b/packages/ui/src/components/icons/Logo.tsx
index 1471ab905dc..2235462ba79 100644
--- a/packages/ui/src/components/icons/Logo.tsx
+++ b/packages/ui/src/components/icons/Logo.tsx
@@ -4,7 +4,7 @@ export const Logo = ({
 	showBeta,
 	white,
 	hideLogoName,
-	viewBoxDimensions,
+	viewBoxDimensions = "0 0 120 40",
 	style,
 }: {
 	className?: string;
@@ -18,7 +18,7 @@ export const Logo = ({
 	return (
 		<div className="flex items-center">
 			<svg
-				viewBox={viewBoxDimensions || "0 0 120 40"}
+				viewBox={viewBoxDimensions}
 				xmlns="http://www.w3.org/2000/svg"
 				preserveAspectRatio="xMidYMid meet"
 				fill="none"

From babf74d7ae17d68f8c39080140776553d69c7345 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 16 Sep 2025 21:06:13 +0300
Subject: [PATCH 2/5] Update Desktop.tsx

---
 .../app/(org)/dashboard/_components/Navbar/Desktop.tsx   | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
index 53984dfa6c5..912f4ead712 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
@@ -36,9 +36,7 @@ export const DesktopNav = () => {
 
 	return (
 		<motion.div
-			initial={{
-				width: sidebarCollapsed ? "70px" : "230px",
-			}}
+			initial={false}
 			animate={{
 				width: sidebarCollapsed ? "70px" : "230px",
 				transition: {
@@ -47,7 +45,10 @@ export const DesktopNav = () => {
 					bounce: 0.25,
 				},
 			}}
-			className={clsx("hidden z-50 h-full lg:flex group", "relative")}
+			className={clsx(
+				"hidden z-50 h-full will-change-[width] lg:flex group",
+				"relative",
+			)}
 		>
 			<div className="flex flex-col w-full max-w-[220px] mx-auto h-full">
 				<div className="flex justify-start items-center px-3 pt-5 mb-3.5 w-full truncate min-h-8">

From 84f38230f21a858d14d5acb0091b59f8096d8b02 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 16 Sep 2025 23:13:55 +0300
Subject: [PATCH 3/5] ok

---
 .../(org)/dashboard/_components/DashboardInner.tsx  |  6 ++----
 .../(org)/dashboard/_components/Navbar/Desktop.tsx  | 13 +++----------
 apps/web/app/(org)/dashboard/layout.tsx             |  2 +-
 apps/web/app/globals.css                            |  8 ++++++++
 4 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/_components/DashboardInner.tsx b/apps/web/app/(org)/dashboard/_components/DashboardInner.tsx
index eff12c36216..f2c2ff9cdc3 100644
--- a/apps/web/app/(org)/dashboard/_components/DashboardInner.tsx
+++ b/apps/web/app/(org)/dashboard/_components/DashboardInner.tsx
@@ -171,12 +171,10 @@ export default function DashboardInner({
 			{/*End of NavBar*/}
 			<main
 				className={
-					"flex overscroll-contain flex-col flex-1 flex-grow p-5 h-full border border-b-0 custom-scroll bg-gray-2 border-gray-3 lg:rounded-tl-2xl lg:p-8"
+					"flex overscroll-contain flex-col flex-1 p-5 h-full border border-b-0 custom-scroll bg-gray-2 border-gray-3 lg:rounded-tl-2xl lg:p-8"
 				}
 			>
-				<div className="flex flex-col flex-1 flex-grow gap-4 min-h-fit">
-					{children}
-				</div>
+				<div className="flex flex-col flex-1 gap-4 min-h-fit">{children}</div>
 			</main>
 			{isSharedCapsPage && activeOrganization?.members && (
 				<MembersDialog
diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
index 912f4ead712..00daa6b14fc 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Desktop.tsx
@@ -26,19 +26,15 @@ export const DesktopNav = () => {
 				toggleSidebarCollapsed();
 			}
 		};
-
 		window.addEventListener("keydown", handleKeyDown);
-
-		return () => {
-			window.removeEventListener("keydown", handleKeyDown);
-		};
+		return () => window.removeEventListener("keydown", handleKeyDown);
 	}, [toggleSidebarCollapsed]);
 
 	return (
 		<motion.div
 			initial={false}
 			animate={{
-				width: sidebarCollapsed ? "70px" : "230px",
+				width: sidebarCollapsed ? 70 : 230,
 				transition: {
 					duration: 0.6,
 					type: "spring",
@@ -46,8 +42,7 @@ export const DesktopNav = () => {
 				},
 			}}
 			className={clsx(
-				"hidden z-50 h-full will-change-[width] lg:flex group",
-				"relative",
+				"hidden relative z-50 h-full will-change-[width] lg:flex group bg-gray-1",
 			)}
 		>
 			<div className="flex flex-col w-full max-w-[220px] mx-auto h-full">
@@ -60,13 +55,11 @@ export const DesktopNav = () => {
 						/>
 					</Link>
 				</div>
-
 				<div className="flex overflow-y-auto flex-col flex-grow">
 					<div className="flex flex-col px-3 h-full">
 						<AdminNavItems />
 					</div>
 				</div>
-
 				<Tooltip
 					kbd={[cmdSymbol, "Shift", "S"]}
 					position="right"
diff --git a/apps/web/app/(org)/dashboard/layout.tsx b/apps/web/app/(org)/dashboard/layout.tsx
index 7b042730a81..6d5abb32db1 100644
--- a/apps/web/app/(org)/dashboard/layout.tsx
+++ b/apps/web/app/(org)/dashboard/layout.tsx
@@ -80,7 +80,7 @@ export default async function DashboardLayout({
 				userPreferences={userPreferences}
 			>
 				<div className="grid grid-cols-[auto,1fr] bg-gray-1 grid-rows-[auto,1fr] h-dvh min-h-dvh">
-					<aside className="hidden z-10 col-span-1 row-span-2 lg:flex">
+					<aside className="hidden z-10 col-span-1 row-span-2 w-full lg:flex">
 						<DesktopNav />
 					</aside>
 					<div className="flex col-span-2 row-span-2 h-full md:col-span-1 focus:outline-none">
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index db1bcf36237..01c1fc7e438 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -598,6 +598,14 @@ slot:not(.dashboard-layout slot) {
 /* Custom scrollbar */
 .custom-scroll {
 	overflow-y: auto;
+	scrollbar-gutter: stable; 
+}
+
+/* Fallback for scrollbar-gutter */
+@supports not (scrollbar-gutter: stable) {
+  .custom-scroll {
+    padding-right: 3px; /* Reserve space for scrollbar */
+  }
 }
 
 .custom-scroll::-webkit-scrollbar {

From f5278c8a2f7645ff55c6652f6142b36eab32737f Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 16 Sep 2025 23:16:20 +0300
Subject: [PATCH 4/5] Update globals.css

---
 apps/web/app/globals.css | 2 --
 1 file changed, 2 deletions(-)

diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 01c1fc7e438..7bafd6b1da5 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -594,7 +594,6 @@ slot:not(.dashboard-layout slot) {
 .hide-scroll::-webkit-scrollbar {
 	display: none;
 }
-
 /* Custom scrollbar */
 .custom-scroll {
 	overflow-y: auto;
@@ -607,7 +606,6 @@ slot:not(.dashboard-layout slot) {
     padding-right: 3px; /* Reserve space for scrollbar */
   }
 }
-
 .custom-scroll::-webkit-scrollbar {
 	width: 3px;
 	background-color: transparent;

From 513b33437457d871f9d4f78ef8e4691a782c0ac2 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 16 Sep 2025 23:19:20 +0300
Subject: [PATCH 5/5] Update globals.css

---
 apps/web/app/globals.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 7bafd6b1da5..c33360d4228 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -597,14 +597,14 @@ slot:not(.dashboard-layout slot) {
 /* Custom scrollbar */
 .custom-scroll {
 	overflow-y: auto;
-	scrollbar-gutter: stable; 
+	scrollbar-gutter: stable;
 }
 
 /* Fallback for scrollbar-gutter */
 @supports not (scrollbar-gutter: stable) {
-  .custom-scroll {
-    padding-right: 3px; /* Reserve space for scrollbar */
-  }
+	.custom-scroll {
+		padding-right: 3px; /* Reserve space for scrollbar */
+	}
 }
 .custom-scroll::-webkit-scrollbar {
 	width: 3px;