From a4ff738268b6632b15990a18b4a278e0c5aea316 Mon Sep 17 00:00:00 2001
From: MananTank <manantankm@gmail.com>
Date: Fri, 28 Mar 2025 19:17:40 +0000
Subject: [PATCH] [TOOL-3833] Dashboard: Fix overflow scroll created by sr-only
 element (#6576)

---
 apps/dashboard/src/@/components/ui/breadcrumb.tsx | 5 ++++-
 apps/dashboard/src/@/components/ui/pagination.tsx | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/@/components/ui/breadcrumb.tsx b/apps/dashboard/src/@/components/ui/breadcrumb.tsx
index e8f9f5cbf1c..37ee033bd07 100644
--- a/apps/dashboard/src/@/components/ui/breadcrumb.tsx
+++ b/apps/dashboard/src/@/components/ui/breadcrumb.tsx
@@ -96,7 +96,10 @@ const BreadcrumbEllipsis = ({
   <span
     role="presentation"
     aria-hidden="true"
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    className={cn(
+      "relative flex h-9 w-9 items-center justify-center",
+      className,
+    )}
     {...props}
   >
     <MoreHorizontal className="h-4 w-4" />
diff --git a/apps/dashboard/src/@/components/ui/pagination.tsx b/apps/dashboard/src/@/components/ui/pagination.tsx
index 3c4f0cd7ca3..2f4d333031b 100644
--- a/apps/dashboard/src/@/components/ui/pagination.tsx
+++ b/apps/dashboard/src/@/components/ui/pagination.tsx
@@ -94,7 +94,10 @@ const PaginationEllipsis = ({
 }: React.ComponentProps<"span">) => (
   <span
     aria-hidden
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    className={cn(
+      "relative flex h-9 w-9 items-center justify-center",
+      className,
+    )}
     {...props}
   >
     <MoreHorizontal className="h-4 w-4" />