From afc37958c1a03f908ab60c23817a0b836605de9c Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Tue, 12 May 2026 18:26:22 +0800
Subject: [PATCH] fix: preserve monitoring card borders under sticky filters

---
 web/src/app/home/monitoring/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/app/home/monitoring/page.tsx b/web/src/app/home/monitoring/page.tsx
index 942ac2f9..5a75df0a 100644
--- a/web/src/app/home/monitoring/page.tsx
+++ b/web/src/app/home/monitoring/page.tsx
@@ -267,7 +267,7 @@ function MonitoringPageContent() {
   return (
     <div className="w-full h-full overflow-y-auto overflow-x-hidden">
       {/* Filters and Refresh Button - Sticky */}
-      <div className="sticky top-0 z-10 -mt-1 pb-4 pt-1 bg-background">
+      <div className="sticky top-0 z-10 -mt-1 pb-5 pt-1 bg-background">
         <div>
           <div className="flex flex-wrap items-center justify-between gap-4 p-4 bg-card rounded-xl border">
             <MonitoringFilters
@@ -295,7 +295,7 @@ function MonitoringPageContent() {
       </div>
 
       {/* Content Area */}
-      <div className="flex flex-col gap-6 pb-4">
+      <div className="relative z-0 flex flex-col gap-6 pb-4 pt-3">
         {/* Overview Section */}
         <OverviewCards
           metrics={data?.overview || null}