From d2d6d32bcfa280e3eab96c51dff216e49bb6f3d9 Mon Sep 17 00:00:00 2001
From: Yash Garg <62419230+mr-mods-yg@users.noreply.github.com>
Date: Tue, 3 Feb 2026 21:19:56 +0530
Subject: [PATCH] fix: misalignment in rows per page select in bookings page
 (#27512)

* set min height to make sure the alignment does not get weird

* fix: makes sure "100" label does not get truncated in smaller devices
---
 packages/ui/components/pagination/Pagination.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui/components/pagination/Pagination.tsx b/packages/ui/components/pagination/Pagination.tsx
index b5bd4b7a34..f6b67f7edb 100644
--- a/packages/ui/components/pagination/Pagination.tsx
+++ b/packages/ui/components/pagination/Pagination.tsx
@@ -71,6 +71,7 @@ export const Pagination = ({
     <div className="flex items-center justify-between space-x-2">
       <div className="flex items-center space-x-2">
         <Select
+          className="min-w-15 sm:min-w-14"
           options={pageSizeSelectOptions}
           value={pageSizeSelectOptions.find((option) => option.value === internalPageSize)}
           onChange={handlePageSizeChange}