diff --git a/apps/trading/pages/_app.page.tsx b/apps/trading/pages/_app.page.tsx
index 94e31f757..8a8dd6329 100644
--- a/apps/trading/pages/_app.page.tsx
+++ b/apps/trading/pages/_app.page.tsx
@@ -46,7 +46,7 @@ function VegaTradingApp({ Component, pageProps }: AppProps) {
               type="image/png"
             />
           </Head>
-          <div className="h-full dark:bg-black dark:text-white-60 bg-white text-black-60">
+          <div className="h-full dark:bg-black dark:text-white-60 bg-white text-black-60 grid grid-rows-[min-content,1fr]">
             <div className="flex items-stretch border-b-[7px] border-vega-yellow">
               <Navbar />
               <div className="flex items-center ml-auto mr-8">
diff --git a/apps/trading/pages/markets/grid-tabs.tsx b/apps/trading/pages/markets/grid-tabs.tsx
index 9fbf6960a..6b9ba88cf 100644
--- a/apps/trading/pages/markets/grid-tabs.tsx
+++ b/apps/trading/pages/markets/grid-tabs.tsx
@@ -43,7 +43,7 @@ export const GridTabs = ({ children, group }: GridTabsProps) => {
       onValueChange={(value) => setActiveTab(value)}
     >
       <Tabs.List
-        className="flex flex-nowrap gap-4 overflow-x-auto my-4"
+        className="flex flex-nowrap gap-4 overflow-x-auto"
         role="tablist"
       >
         {Children.map(children, (child) => {
diff --git a/apps/trading/pages/markets/trade-grid.tsx b/apps/trading/pages/markets/trade-grid.tsx
index a04f67d25..2ae0e2538 100644
--- a/apps/trading/pages/markets/trade-grid.tsx
+++ b/apps/trading/pages/markets/trade-grid.tsx
@@ -13,7 +13,7 @@ export const TradeGrid = ({ market }: TradeGridProps) => {
   const wrapperClasses = classNames(
     'h-full max-h-full',
     'grid gap-[1px] grid-cols-[1fr_325px_325px] grid-rows-[min-content_1fr_200px]',
-    'bg-black-10',
+    'bg-black-10 dark:bg-white-10',
     'text-ui'
   );
   return (
@@ -60,7 +60,7 @@ interface TradeGridChildProps {
 }
 
 const TradeGridChild = ({ children, className }: TradeGridChildProps) => {
-  const gridChildClasses = classNames('bg-white', className);
+  const gridChildClasses = classNames('bg-white dark:bg-black', className);
   return (
     <section className={gridChildClasses}>
       <AutoSizer>