From 372bafff18409e4d7d976327fb84cdd79a7eba90 Mon Sep 17 00:00:00 2001
From: JivusAyrus <suvijsurya76@gmail.com>
Date: Wed, 20 Nov 2024 02:38:27 +0530
Subject: [PATCH] fix: pagination ui of operations

---
 studio/src/components/checks/operations.tsx | 4 ++--
 studio/src/components/ui/pagination.tsx     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/studio/src/components/checks/operations.tsx b/studio/src/components/checks/operations.tsx
index a7de97a897..f292587af7 100644
--- a/studio/src/components/checks/operations.tsx
+++ b/studio/src/components/checks/operations.tsx
@@ -387,11 +387,11 @@ export const CheckOperations = () => {
           </DropdownMenuContent>
         </DropdownMenu>
       </div>
-      <div className="flex h-[calc(100%_-_36px)] flex-col gap-y-3">
+      <div className="flex h-[calc(100%_-_36px)] flex-col gap-y-6">
         <Accordion
           type="single"
           collapsible
-          className="scrollbar-custom mt-4 h-[calc(100%_-_140px)] w-full overflow-auto"
+          className="scrollbar-custom mt-4 max-h-[calc(100%_-_96px)] w-full overflow-auto"
         >
           {filteredOperations.map(
             ({
diff --git a/studio/src/components/ui/pagination.tsx b/studio/src/components/ui/pagination.tsx
index cc4fcc5b4b..4f3097f648 100644
--- a/studio/src/components/ui/pagination.tsx
+++ b/studio/src/components/ui/pagination.tsx
@@ -42,7 +42,7 @@ export const Pagination = ({
   const pageSizeOptions = options ?? [10, 20, 30, 40, 50];
 
   return (
-    <div className="flex justify-end">
+    <div className="flex justify-end space-x-3">
       <div className="flex items-center space-x-2">
         <p className="text-sm font-medium">Rows per page</p>
         <Select
@@ -64,7 +64,7 @@ export const Pagination = ({
           </SelectContent>
         </Select>
       </div>
-      <div className="flex w-[100px] items-center justify-center text-sm font-medium">
+      <div className="flex items-center justify-center text-sm font-medium">
         Page {noOfPages === 0 ? "0" : pageNumber} of {noOfPages}
       </div>
       <div className="flex items-center space-x-2">