From ad00fcfd395f714f003db275a5161551339fe3e1 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Tue, 30 Aug 2022 23:13:00 -0700
Subject: [PATCH] chore: fix market sticky header color

---
 libs/market-list/src/lib/components/select-market-table.tsx | 2 +-
 libs/market-list/src/lib/components/select-market.tsx       | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

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 */}