From 04d5050a9fe2a1bce465f14a94d9acf5e9bed86d Mon Sep 17 00:00:00 2001
From: starksama <257340800+starksama@users.noreply.github.com>
Date: Sat, 7 Feb 2026 15:29:12 +0800
Subject: [PATCH] fix: markets loading state now uses full width to align with
 filters

---
 src/features/markets/components/table/markets-table.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/markets/components/table/markets-table.tsx b/src/features/markets/components/table/markets-table.tsx
index 4dd5f430..06ed2e64 100644
--- a/src/features/markets/components/table/markets-table.tsx
+++ b/src/features/markets/components/table/markets-table.tsx
@@ -85,7 +85,11 @@ function MarketsTable({ currentPage, setCurrentPage, className, tableClassName,
 
   const totalPages = Math.ceil(markets.length / entriesPerPage);
 
-  const containerClassName = ['flex flex-col gap-2 pb-4', loading || isEmpty || markets.length === 0 ? 'container items-center' : className]
+  const containerClassName = [
+    'flex flex-col gap-2 pb-4',
+    className ?? 'w-full',
+    loading || isEmpty || markets.length === 0 ? 'items-center' : '',
+  ]
     .filter((value): value is string => Boolean(value))
     .join(' ');
   const tableClassNames = ['responsive', tableClassName].filter((value): value is string => Boolean(value)).join(' ');