From ca4bbbac855d33716d03dd741fb21db6668de17a Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Tue, 1 Mar 2022 16:48:03 -0800
Subject: [PATCH] adjust text size for desktop view

---
 apps/trading/pages/markets/[marketId].page.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/trading/pages/markets/[marketId].page.tsx b/apps/trading/pages/markets/[marketId].page.tsx
index a1b464ba3..4651cd20d 100644
--- a/apps/trading/pages/markets/[marketId].page.tsx
+++ b/apps/trading/pages/markets/[marketId].page.tsx
@@ -65,8 +65,14 @@ interface TradeGridProps {
 }
 
 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-neutral-200',
+    'text-ui'
+  );
   return (
-    <div className="h-full max-h-full grid gap-[1px] bg-neutral-200 grid-cols-[1fr_325px_325px] grid-rows-[min-content_1fr_200px]">
+    <div className={wrapperClasses}>
       <header className="col-start-1 col-end-2 row-start-1 row-end-1 bg-white p-8">
         <h1>Market: {market.name}</h1>
       </header>