diff --git a/components/trade/TradeAdvancedPage.tsx b/components/trade/TradeAdvancedPage.tsx
index 597afe28..d7d96ad2 100644
--- a/components/trade/TradeAdvancedPage.tsx
+++ b/components/trade/TradeAdvancedPage.tsx
@@ -74,13 +74,13 @@ const TradeAdvancedPage = () => {
       ],
       xxl: [
         { i: 'market-header', x: 0, y: 0, w: 15, h: marketHeaderHeight },
-        { i: 'tv-chart', x: 0, y: 1, w: 15, h: 536 },
+        { i: 'tv-chart', x: 0, y: 1, w: 15, h: 488 },
         {
           i: 'balances',
           x: 0,
           y: 2,
           w: 15,
-          h: getHeight(innerHeight, 0, 536 + marketHeaderHeight),
+          h: getHeight(innerHeight, 0, 488 + marketHeaderHeight),
         },
         {
           i: 'orderbook',
@@ -118,13 +118,13 @@ const TradeAdvancedPage = () => {
       ],
       lg: [
         { i: 'market-header', x: 0, y: 0, w: 13, h: marketHeaderHeight },
-        { i: 'tv-chart', x: 0, y: 1, w: 13, h: 488 },
+        { i: 'tv-chart', x: 0, y: 1, w: 13, h: 456 },
         {
           i: 'balances',
           x: 0,
           y: 2,
           w: 13,
-          h: getHeight(innerHeight, 0, 488 + marketHeaderHeight),
+          h: getHeight(innerHeight, 0, 456 + marketHeaderHeight),
         },
         {
           i: 'orderbook',
diff --git a/pages/dashboard/index.tsx b/pages/dashboard/index.tsx
index b3d6434f..06284943 100644
--- a/pages/dashboard/index.tsx
+++ b/pages/dashboard/index.tsx
@@ -46,7 +46,7 @@ const Dashboard: NextPage = () => {
 
   return (
     <div className="grid grid-cols-12">
-      <div className="col-span-12 lg:col-span-8 lg:col-start-3 xl:col-span-6 xl:col-start-4">
+      <div className="col-span-12 lg:col-span-8 lg:col-start-3">
         <div className="p-8 pb-20 md:pb-16 lg:p-10">
           <h1>Dashboard</h1>
           {group ? (
@@ -102,8 +102,8 @@ const Dashboard: NextPage = () => {
                             <>
                               <Disclosure.Button
                                 aria-label="panel"
-                                className={`default-transition flex w-full items-center justify-between border-t border-th-bkg-3 p-4 md:hover:bg-th-bkg-2 ${
-                                  open ? 'bg-th-bkg-2' : ''
+                                className={`default-transition flex w-full items-center justify-between border-t border-th-bkg-3 p-4 md:hover:bg-th-bkg-4 ${
+                                  open ? 'bg-th-bkg-4' : ''
                                 }`}
                               >
                                 <div className="flex items-center">
@@ -542,9 +542,9 @@ const KeyValuePair = ({
   value: number | ReactNode | string
 }) => {
   return (
-    <div className="flex justify-between border-t border-th-bkg-3 p-4 xl:py-3">
+    <div className="flex justify-between border-t border-th-bkg-2 px-6 py-3">
       <span className="mr-4 whitespace-nowrap text-th-fgd-3">{label}</span>
-      {value}
+      <span className="font-mono text-th-fgd-2">{value}</span>
     </div>
   )
 }