From c15f6e3915778daf36b9773539988633f0cdf3e5 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Sun, 15 Dec 2024 00:09:22 +0600
Subject: [PATCH 1/3] fix: Table Checkbox column width

---
 src/components/table/table.tsx | 40 +++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index bcd09cc7..fc0c1b7a 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -263,18 +263,20 @@ export const TableHead: React.FC<TableHeadProps> = ( {
 				{ checkboxSelection && (
 					<th
 						scope="col"
-						className="relative p-3.5 w-11 align-middle"
+						className="relative px-5.5 w-11 overflow-hidden"
 					>
-						<Checkbox
-							size="sm"
-							checked={ selected }
-							indeterminate={ indeterminate }
-							disabled={ disabled }
-							onChange={ handleCheckboxChange }
-							aria-label={
-								selected ? 'Deselect all' : 'Select all'
-							}
-						/>
+						<div className="absolute inset-0 grid grid-cols-1 place-content-center">
+							<Checkbox
+								size="sm"
+								checked={ selected }
+								indeterminate={ indeterminate }
+								disabled={ disabled }
+								onChange={ handleCheckboxChange }
+								aria-label={
+									selected ? 'Deselect all' : 'Select all'
+								}
+							/>
+						</div>
 					</th>
 				) }
 				{ children }
@@ -348,13 +350,15 @@ export const TableRow = <T, >( {
 			{ ...props }
 		>
 			{ checkboxSelection && (
-				<td className="px-3.5 py-4.5 align-middle text-center">
-					<Checkbox
-						size="sm"
-						checked={ selected }
-						onChange={ handleCheckboxChange }
-						aria-label="Select row"
-					/>
+				<td className="relative px-5.5 w-11 overflow-hidden">
+					<div className="absolute inset-0 grid grid-cols-1 place-content-center">
+						<Checkbox
+							size="sm"
+							checked={ selected }
+							onChange={ handleCheckboxChange }
+							aria-label="Select row"
+						/>
+					</div>
 				</td>
 			) }
 			{ children }

From 394019e36768274ceb25d8b3e362f7c7669ed796 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Sun, 15 Dec 2024 00:34:49 +0600
Subject: [PATCH 2/3] Updated display value

---
 src/components/table/table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index fc0c1b7a..24a85ddd 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -216,7 +216,7 @@ export const Table = ( {
 		<TableContext.Provider
 			value={ contextValue as TableContextType<unknown> }
 		>
-			<div className="w-full overflow-x-auto divide-y divide-x-0 divide-solid divide-border-subtle">
+			<div className="flow-root overflow-x-auto divide-y divide-x-0 divide-solid divide-border-subtle">
 				<table
 					className={ cn(
 						'table-fixed min-w-full border-collapse border-spacing-0',

From f59436bd219516765adf96be2447779c368619c3 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Sun, 15 Dec 2024 01:41:06 +0600
Subject: [PATCH 3/3] fix: Pagination component type

---
 src/components/pagination/pagination.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/pagination/pagination.tsx b/src/components/pagination/pagination.tsx
index ef8c61b2..824f15d3 100644
--- a/src/components/pagination/pagination.tsx
+++ b/src/components/pagination/pagination.tsx
@@ -1,10 +1,4 @@
-import {
-	createContext,
-	useContext,
-	forwardRef,
-	type ReactNode,
-	type ElementType,
-} from 'react';
+import { createContext, useContext, forwardRef, type ReactNode } from 'react';
 import { cn, callAll } from '@/utilities/functions';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { disabledClassNames, sizeClassNames } from './component-style';
@@ -33,14 +27,14 @@ export interface PaginationProps extends PaginationCommonProps {
 	disabled?: boolean;
 }
 
-export interface PaginationItemProps extends PaginationCommonProps {
+export interface PaginationItemProps
+	extends PaginationCommonProps,
+		PaginationButtonProps {
 	/** Marks the pagination item as active. */
 	isActive?: boolean;
 }
 
 export interface PaginationButtonProps extends PaginationCommonProps {
-	/** The element type of the pagination button. */
-	as?: ElementType;
 	/** Marks the button as active. */
 	isActive?: boolean;
 	/** Disables the button. */