diff --git a/libs/market-list/src/lib/components/select-market-table.tsx b/libs/market-list/src/lib/components/select-market-table.tsx
index 8d3655621..85f50e237 100644
--- a/libs/market-list/src/lib/components/select-market-table.tsx
+++ b/libs/market-list/src/lib/components/select-market-table.tsx
@@ -7,7 +7,7 @@ export const SelectMarketTableHeader = ({
   headers = columnHeaders,
 }) => {
   return (
-    <tr className="sticky top-0 z-10 border-b border-neutral-300 dark:border-neutral-700 bg-neutral-200 dark:bg-neutral-800">
+    <tr className="sticky top-0 z-10 border-b border-neutral-300 dark:border-neutral-700 bg-inherit">
       {headers.map(({ value, className, onlyOnDetailed }, i) => {
         const thClass = classNames(
           'font-normal text-neutral-500 dark:text-neutral-400',
diff --git a/libs/market-list/src/lib/components/select-market.tsx b/libs/market-list/src/lib/components/select-market.tsx
index a75b197a7..38b52dbdb 100644
--- a/libs/market-list/src/lib/components/select-market.tsx
+++ b/libs/market-list/src/lib/components/select-market.tsx
@@ -38,11 +38,11 @@ export const SelectMarketLandingTable = ({
   const marketList = data && mapDataToMarketList(data);
   return (
     <div
-      className="max-h-[40rem] overflow-x-auto"
+      className="max-h-[80vh] overflow-x-auto"
       data-testid="select-market-list"
     >
       <table className="text-sm relative h-full min-w-full whitespace-nowrap">
-        <thead className="sticky top-0 z-10">
+        <thead className="sticky top-0 z-10 bg-white dark:bg-black">
           <SelectMarketTableHeader />
         </thead>
         <tbody>
@@ -75,7 +75,7 @@ export const SelectAllMarketsTableBody = ({
 
   return (
     <>
-      <thead>
+      <thead className="bg-neutral-200 dark:bg-neutral-800">
         <SelectMarketTableHeader detailed={true} headers={headers} />
       </thead>
       {/* Border styles required to create space between tbody elements margin/padding dont work */}