diff --git a/apps/trading/pages/markets/grid-tabs.tsx b/apps/trading/pages/markets/grid-tabs.tsx
index 651c076e6..661cb6335 100644
--- a/apps/trading/pages/markets/grid-tabs.tsx
+++ b/apps/trading/pages/markets/grid-tabs.tsx
@@ -44,7 +44,6 @@ export const GridTabs = ({ children, group }: GridTabsProps) => {
       className="h-full grid grid-rows-[min-content_1fr]"
       onValueChange={(value) => setActiveTab(value)}
     >
-      {/* the tabs */}
       <Tabs.List className="flex gap-[2px] bg-neutral-200" role="tablist">
         {Children.map(children, (child) => {
           if (!isValidElement(child)) return null;
@@ -66,7 +65,6 @@ export const GridTabs = ({ children, group }: GridTabsProps) => {
           );
         })}
       </Tabs.List>
-      {/* the content */}
       <div className="h-full overflow-auto">
         {Children.map(children, (child) => {
           if (!isValidElement(child)) return null;
diff --git a/apps/trading/pages/markets/trade-grid.tsx b/apps/trading/pages/markets/trade-grid.tsx
index 7e985ac5f..d6ff4036a 100644
--- a/apps/trading/pages/markets/trade-grid.tsx
+++ b/apps/trading/pages/markets/trade-grid.tsx
@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { useState, ReactNode } from 'react';
 import { Market_market } from './__generated__/Market';
-import { Views } from './trading-components';
+import { View, Views } from './trading-components';
 import { GridTab, GridTabs } from './grid-tabs';
 
 interface TradeGridProps {
@@ -74,8 +74,6 @@ const TradeGridChild = ({ children, className }: TradeGridChildProps) => {
   );
 };
 
-type View = keyof typeof Views;
-
 interface TradePanelsProps {
   market: Market_market;
 }
diff --git a/apps/trading/pages/markets/trading-components.tsx b/apps/trading/pages/markets/trading-components.tsx
index 73b00c453..d3eb01041 100644
--- a/apps/trading/pages/markets/trading-components.tsx
+++ b/apps/trading/pages/markets/trading-components.tsx
@@ -5,6 +5,8 @@ export const Orders = () => <div>TODO: Orders</div>;
 export const Positions = () => <div>TODO: Positions</div>;
 export const Collateral = () => <div>TODO: Collateral</div>;
 
+export type View = keyof typeof Views;
+
 export const Views = {
   chart: Chart,
   ticket: Ticket,