From 8edf5483a62e21fd3538db51c5545a1e3ee8876a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 23 Feb 2026 11:28:35 +0200
Subject: [PATCH] ui/pager: add support for custom CSS class

---
 apps/client/src/widgets/collections/Pagination.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/collections/Pagination.tsx b/apps/client/src/widgets/collections/Pagination.tsx
index 26d22215cb..f42b477e88 100644
--- a/apps/client/src/widgets/collections/Pagination.tsx
+++ b/apps/client/src/widgets/collections/Pagination.tsx
@@ -10,6 +10,7 @@ import "./Pagination.css";
 import clsx from "clsx";
 
 interface PaginationContext {
+    className?: string;
     page: number;
     setPage: Dispatch<StateUpdater<number>>;
     pageNotes?: FNote[];
@@ -18,11 +19,11 @@ interface PaginationContext {
     totalNotes: number;
 }
 
-export function Pager({ page, pageSize, setPage, pageCount, totalNotes }: Omit<PaginationContext, "pageNotes">) {
+export function Pager({ className, page, pageSize, setPage, pageCount, totalNotes }: Omit<PaginationContext, "pageNotes">) {
     if (pageCount < 2) return;
 
     return (
-        <div className="note-list-pager-container">
+        <div className={clsx("note-list-pager-container", className)}>
             <div className="note-list-pager">
                 <ActionButton
                     icon="bx bx-chevron-left"