From 2bb1883db381d2b9ae3bd41e31239895736b4f89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mert=20=C5=9Ei=C5=9Fmano=C4=9Flu?= <me@mertsismanoglu.com>
Date: Fri, 20 Feb 2026 13:19:32 +0300
Subject: [PATCH] fix(BasePagination): fix pagination list item vertical
 alignment (8639) (#8640)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(BasePagination): fix pagination list item vertical alignment (8639)

Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>

* fix(PaginationListItem): remove !important and key=(pageNumber)

Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>

---------

Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>
---
 .../BasePagination/PaginationListItem/index.module.css      | 4 ++++
 .../src/Common/BasePagination/PaginationListItem/index.tsx  | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css
index 6304b2a03580f..44fe08cd5fb70 100644
--- a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css
+++ b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css
@@ -1,5 +1,9 @@
 @reference "../../../styles/index.css";
 
+.listItemWrapper {
+  @apply mt-0;
+}
+
 .listItem,
 .listItem:link,
 .listItem:active {
diff --git a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx
index 2157e4dc622d0..874225819c9e4 100644
--- a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx
+++ b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx
@@ -22,7 +22,11 @@ const PaginationListItem: FC<PaginationListItemProps> = ({
   label,
 }) => {
   return (
-    <li key={pageNumber} aria-setsize={totalPages} aria-posinset={pageNumber}>
+    <li
+      aria-setsize={totalPages}
+      aria-posinset={pageNumber}
+      className={styles.listItemWrapper}
+    >
       <Component
         href={url}
         aria-label={label}