improve pagination layout

stacklok · Jan 17, 2025 · 415b4e9 · 415b4e9
1 parent 7c7d044
commit 415b4e9
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/components/AlertsTable.tsx b/src/components/AlertsTable.tsx
@@ -211,12 +211,16 @@ export function AlertsTable() {
         </Table>
       </div>
 
-      <Button isDisabled={!hasPreviousPage} onPress={prevPage}>
-        Previous
-      </Button>
-      <Button isDisabled={!hasNextPage} onPress={nextPage}>
-        Next
-      </Button>
+      <div className="flex justify-center w-full p-4">
+        <div className="flex gap-2">
+          <Button isDisabled={!hasPreviousPage} onPress={prevPage}>
+            Previous
+          </Button>
+          <Button isDisabled={!hasNextPage} onPress={nextPage}>
+            Next
+          </Button>
+        </div>
+      </div>
     </>
   );
 }