From c333bbb3cf6edc8a7c001741c2db2280ad67c1ba Mon Sep 17 00:00:00 2001
From: ameer2468 <33054370+ameer2468@users.noreply.github.com>
Date: Tue, 5 Nov 2024 17:51:37 -0300
Subject: [PATCH] docs bg

---
 apps/landing/src/app/docs/layout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/landing/src/app/docs/layout.tsx b/apps/landing/src/app/docs/layout.tsx
index 7972c44a0..b01221b2d 100644
--- a/apps/landing/src/app/docs/layout.tsx
+++ b/apps/landing/src/app/docs/layout.tsx
@@ -20,7 +20,9 @@ export default function Layout({ children }: PropsWithChildren) {
 		<MobileSidebarProvider>
 			<div className="flex w-full flex-col items-start sm:flex-row">
 				<MobileSidebarWrapper>{sidebar}</MobileSidebarWrapper>
-				<aside className="sticky top-32 mb-20 ml-2 mr-0 mt-32 hidden px-5 sm:inline lg:mr-4">
+				<aside className="sticky top-32 mb-20 ml-2 mr-0 mt-32 hidden rounded-xl bg-gradient-to-r from-[#0E0E12]/90 from-60% to-primary-900/20 p-5 backdrop-blur backdrop-saturate-[1.6] sm:inline lg:mr-4">
+					{/* Gradient Borders */}
+					<div className="absolute right-0 top-0 h-full w-px bg-gradient-to-b from-transparent via-[#2D2D37]/60 to-transparent" />
 					{sidebar}
 				</aside>
 				<div className="flex w-full flex-col sm:flex-row" id="page-container">