From b3cae76ae1b8fdddbf10527f984ea241cb3fa7e1 Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 14 Oct 2025 22:35:25 +0300
Subject: [PATCH] fix text color in download page

---
 apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx | 2 +-
 apps/web/app/(org)/dashboard/layout.tsx                   | 4 ++--
 apps/web/components/pages/DownloadPage.tsx                | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
index 3a9580287e..6c2aca4336 100644
--- a/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
+++ b/apps/web/app/(org)/dashboard/_components/Navbar/Items.tsx
@@ -491,7 +491,7 @@ const NavItem = ({
 				>
 					{name}
 				</p>
-				{extraText && !sidebarCollapsed && (
+				{extraText !== null && !sidebarCollapsed && (
 					<p className="ml-auto text-xs font-medium text-gray-11">
 						{extraText}
 					</p>
diff --git a/apps/web/app/(org)/dashboard/layout.tsx b/apps/web/app/(org)/dashboard/layout.tsx
index 1afbba49e9..80a53df94d 100644
--- a/apps/web/app/(org)/dashboard/layout.tsx
+++ b/apps/web/app/(org)/dashboard/layout.tsx
@@ -33,7 +33,7 @@ export default async function DashboardLayout({
 	}
 
 	let organizationSelect: Organization[] = [];
-	let userCapsCount: number | null = null;
+	let userCapsCount: number | null = 0;
 	let organizationSettings: OrganizationSettings | null = null;
 	let spacesData: Spaces[] = [];
 	let anyNewNotifications = false;
@@ -49,7 +49,7 @@ export default async function DashboardLayout({
 	} catch (error) {
 		console.error("Failed to load dashboard data", error);
 		organizationSelect = [];
-		userCapsCount = null;
+		userCapsCount = 0;
 		organizationSettings = null;
 		spacesData = [];
 		anyNewNotifications = false;
diff --git a/apps/web/components/pages/DownloadPage.tsx b/apps/web/components/pages/DownloadPage.tsx
index cf92a896fb..a8e0ede89a 100644
--- a/apps/web/components/pages/DownloadPage.tsx
+++ b/apps/web/components/pages/DownloadPage.tsx
@@ -21,7 +21,7 @@ export const DownloadPage = () => {
 				<h1 className="text-2xl fade-in-down animate-delay-1 md:text-4xl">
 					Download Cap
 				</h1>
-				<p className="px-4 text-sm fade-in-down animate-delay-2 md:text-base md:px-0">
+				<p className="px-4 text-sm fade-in-down text-gray-11 animate-delay-2 md:text-base md:px-0">
 					The quickest way to share your screen. Pin to your dock and record in
 					seconds.
 				</p>
@@ -116,8 +116,8 @@ export const DownloadPage = () => {
 				</div>
 
 				{/* Discreet SEO Links */}
-				<div className="pt-8 mt-32 text-xs border-t border-gray-200 opacity-70 text-gray-1">
-					<div className="flex flex-wrap gap-y-2 gap-x-4 justify-center mx-auto max-w-lg">
+				<div className="pt-8 mt-32 text-xs border-t border-gray-5 text-gray-12">
+					<div className="flex flex-wrap gap-y-2 gap-x-4 justify-center items-center mx-auto max-w-lg">
 						<Link
 							href="/screen-recorder"
 							className="text-xs hover:text-gray-8 hover:underline"