diff --git a/apps/admin-x-design-system/src/global/Table.tsx b/apps/admin-x-design-system/src/global/Table.tsx
index 927b3e2d48..96a1f0c63d 100644
--- a/apps/admin-x-design-system/src/global/Table.tsx
+++ b/apps/admin-x-design-system/src/global/Table.tsx
@@ -155,7 +155,7 @@ const Table: React.FC<TableProps> = ({
     );
 
     const footerClasses = clsx(
-        'sticky bottom-0 -mt-px bg-white pb-3',
+        'sticky bottom-0 -mt-px bg-white pb-3 dark:bg-black',
         paddingXClassName
     );
 
@@ -180,14 +180,14 @@ const Table: React.FC<TableProps> = ({
                 {isLoading && <div className='p-5'><LoadingIndicator delay={200} size='lg' style={loadingStyle} /></div>}
 
                 {(hint || pagination || showMore) &&
-                <footer className={footerClasses}>
-                    {(hintSeparator || pagination) && <Separator />}
-                    <div className="mt-1 flex flex-col-reverse items-start justify-between gap-1 pt-2 md:flex-row md:items-center md:gap-0 md:pt-0">
-                        <OptionalShowMore showMore={showMore} />
-                        <Hint>{hint ?? ' '}</Hint>
-                        <OptionalPagination pagination={pagination} />
-                    </div>
-                </footer>}
+                    <footer className={footerClasses}>
+                        {(hintSeparator || pagination) && <Separator />}
+                        <div className="mt-1 flex flex-col-reverse items-start justify-between gap-1 pt-2 md:flex-row md:items-center md:gap-0 md:pt-0">
+                            <OptionalShowMore showMore={showMore} />
+                            <Hint>{hint ?? ' '}</Hint>
+                            <OptionalPagination pagination={pagination} />
+                        </div>
+                    </footer>}
             </div>
         </>
     );