diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index acb567a..9f26303 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -4,7 +4,7 @@ import { Footer } from "./Footer";
 
 export const Layout = ({ children }: { children: any }) => {
   return (
-    <Box pb={10}>
+    <Box pb={10} background="darkmatte">
       <Header
         pb={40}
         position="relative"
@@ -23,7 +23,7 @@ export const Layout = ({ children }: { children: any }) => {
       >
         {children}
       </Box>
-      <Footer/>
+      <Footer />
     </Box>
   );
 };
diff --git a/src/components/MarketCard.tsx b/src/components/MarketCard.tsx
index e1635ae..3fe2a82 100644
--- a/src/components/MarketCard.tsx
+++ b/src/components/MarketCard.tsx
@@ -61,7 +61,6 @@ const MarketCard: React.FC<MarketCardProps> = ({
       p={4}
       py={6}
       width="100%"
-      variant="light"
       inAccordion={true}
       expandableChildren={
         <Internal
@@ -167,10 +166,9 @@ const Internal = ({
   const isEmpty = debouncedAmount === "0" || debouncedAmount === ""
 
   return (
-    <VStack spacing={4} alignItems="stretch" background="#F0F0F0">
+    <VStack spacing={4} alignItems="stretch">
       <TokenAmountInput
         border="none"
-        variant="light"
         tokenSymbol={tokenData?.symbol}
         tokenAddress={market.underlyingToken}
         value={amount}
diff --git a/src/components/Positions.tsx b/src/components/Positions.tsx
index ab1330b..dafd872 100644
--- a/src/components/Positions.tsx
+++ b/src/components/Positions.tsx
@@ -114,7 +114,6 @@ const PositionCard = ({
   return (
     <ExpandableCard
       inAccordion
-      variant="active"
       expandableChildren={
         <Internal
           type={action}
@@ -234,7 +233,6 @@ const Internal = ({
         <VStack mt={4} spacing={4} alignItems="stretch">
           <TokenAmountInput
             size="lg"
-            variant="light"
             value={amount}
             tokenSymbol={tokenData?.symbol}
             tokenAddress={market.underlyingToken}
diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx
index 29d22de..7515122 100644
--- a/src/components/Stats.tsx
+++ b/src/components/Stats.tsx
@@ -62,8 +62,6 @@ export const Stats = ({
 
   return (
     <StatisticTable
-      variant="light"
-      backgroundColor="white"
       border="none"
       statistics={stats}
     />