From 827bea1acef6063d646a990cc2b59c6ae5a8e17d Mon Sep 17 00:00:00 2001
From: Nicolas Villanueva <1890113+MexicanAce@users.noreply.github.com>
Date: Tue, 3 Dec 2024 04:55:59 -0800
Subject: [PATCH] fix: pagination display with page sizes (#345)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# What ❔

Fix the display of page size dropdown with pagination component

## Why ❔

They were overlapping wherever previously the styling of the pagination
component is occurring outside of `Pagination.vue`

BEFORE:

![image](https://github.com/user-attachments/assets/79be7041-e0ee-4816-96e2-5150b1a370c0)


AFTER:

![image](https://github.com/user-attachments/assets/035526b0-9b22-48d0-83c7-f1c37a45c32f)


## Checklist

<!-- Check your PR fulfills the following items. -->
<!-- For draft PRs check the boxes as you complete them. -->

- [x] PR title corresponds to the body of PR (we generate changelog
entries from PRs).
- [x] Tests for the changes have been added / updated.
- [x] Documentation comments have been added / updated.
---
 packages/app/src/components/event/ContractEvents.vue        | 2 +-
 packages/app/src/components/transactions/infoTable/Logs.vue | 2 +-
 packages/app/src/components/transfers/Table.vue             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/event/ContractEvents.vue b/packages/app/src/components/event/ContractEvents.vue
index 2eca89c86f..6e8afd4436 100644
--- a/packages/app/src/components/event/ContractEvents.vue
+++ b/packages/app/src/components/event/ContractEvents.vue
@@ -159,7 +159,7 @@ watch(
     @apply block;
   }
   .pagination {
-    @apply flex justify-center p-3;
+    @apply p-3;
   }
   .only-mobile {
     @apply flex md:hidden;
diff --git a/packages/app/src/components/transactions/infoTable/Logs.vue b/packages/app/src/components/transactions/infoTable/Logs.vue
index 24934c12cb..f4741dc049 100644
--- a/packages/app/src/components/transactions/infoTable/Logs.vue
+++ b/packages/app/src/components/transactions/infoTable/Logs.vue
@@ -190,7 +190,7 @@ function scrollPageToTop() {
   }
 
   .pagination {
-    @apply flex justify-center p-3;
+    @apply p-3;
   }
   .loading-row {
     .table-body-col {
diff --git a/packages/app/src/components/transfers/Table.vue b/packages/app/src/components/transfers/Table.vue
index 7304ce9b35..c80ac12370 100644
--- a/packages/app/src/components/transfers/Table.vue
+++ b/packages/app/src/components/transfers/Table.vue
@@ -219,7 +219,7 @@ watch(
   }
 
   .pagination {
-    @apply flex justify-center p-3;
+    @apply p-3;
   }
 
   .transfer-type {