diff --git a/components/TradePageGrid.tsx b/components/TradePageGrid.tsx
index 451ba0dc..91b13d88 100644
--- a/components/TradePageGrid.tsx
+++ b/components/TradePageGrid.tsx
@@ -25,21 +25,21 @@ const ResponsiveGridLayout = WidthProvider(Responsive)
 export const defaultLayouts = {
   xl: [
     { i: 'tvChart', x: 0, y: 0, w: 6, h: 30 },
+    { i: 'marketPosition', x: 9, y: 4, w: 3, h: 13 },
+    { i: 'accountInfo', x: 9, y: 3, w: 3, h: 16 },
     { i: 'orderbook', x: 6, y: 0, w: 3, h: 17 },
     { i: 'tradeForm', x: 9, y: 1, w: 3, h: 19 },
     { i: 'marketTrades', x: 6, y: 1, w: 3, h: 13 },
-    { i: 'accountInfo', x: 9, y: 3, w: 3, h: 16 },
     { i: 'userInfo', x: 0, y: 2, w: 9, h: 19 },
-    { i: 'marketPosition', x: 9, y: 4, w: 3, h: 13 },
   ],
   lg: [
-    { i: 'tvChart', x: 0, y: 0, w: 8, h: 29, minW: 2 },
-    { i: 'marketPosition', x: 8, y: 0, w: 4, h: 13, minW: 2 },
-    { i: 'accountInfo', x: 8, y: 1, w: 4, h: 16, minW: 2 },
-    { i: 'orderbook', x: 0, y: 2, w: 4, h: 19, minW: 2 },
-    { i: 'tradeForm', x: 4, y: 2, w: 4, h: 19, minW: 3 },
-    { i: 'marketTrades', x: 8, y: 2, w: 4, h: 19, minW: 2 },
-    { i: 'userInfo', x: 0, y: 3, w: 12, h: 19, minW: 6 },
+    { i: 'tvChart', x: 0, y: 0, w: 6, h: 29, minW: 2 },
+    { i: 'marketPosition', x: 9, y: 2, w: 3, h: 13, minW: 2 },
+    { i: 'accountInfo', x: 9, y: 1, w: 3, h: 16, minW: 2 },
+    { i: 'orderbook', x: 6, y: 2, w: 3, h: 18, minW: 2 },
+    { i: 'tradeForm', x: 9, y: 0, w: 3, h: 19, minW: 3 },
+    { i: 'marketTrades', x: 6, y: 2, w: 3, h: 11, minW: 2 },
+    { i: 'userInfo', x: 0, y: 3, w: 9, h: 19, minW: 6 },
   ],
   md: [
     { i: 'tvChart', x: 0, y: 0, w: 8, h: 29, minW: 2 },
@@ -70,7 +70,7 @@ export const defaultLayouts = {
   ],
 }
 
-export const GRID_LAYOUT_KEY = 'mangoSavedLayouts-3.1.4'
+export const GRID_LAYOUT_KEY = 'mangoSavedLayouts-3.1.5'
 export const breakpoints = { xl: 1600, lg: 1280, md: 1024, sm: 768, xs: 0 }
 
 const getCurrentBreakpoint = () => {