From 429b7e75e110640d2d26150cf688d5df3fa85483 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Mon, 23 Oct 2023 10:06:02 -0700
Subject: [PATCH] fix: allow scrolling of main section in layout with sidebar

---
 apps/trading/client-pages/fees/fees.tsx                 | 4 ++--
 apps/trading/components/layouts/layout-with-sidebar.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/trading/client-pages/fees/fees.tsx b/apps/trading/client-pages/fees/fees.tsx
index 1ff30ad00..7ab99ae68 100644
--- a/apps/trading/client-pages/fees/fees.tsx
+++ b/apps/trading/client-pages/fees/fees.tsx
@@ -3,8 +3,8 @@ import { FeesContainer } from '../../components/fees-container';
 
 export const Fees = () => {
   return (
-    <div className="container px-4 mx-auto">
-      <h1 className="p-4 text-2xl">{t('Fees')}</h1>
+    <div className="container p-4 mx-auto">
+      <h1 className="px-4 pb-4 text-2xl">{t('Fees')}</h1>
       <FeesContainer />
     </div>
   );
diff --git a/apps/trading/components/layouts/layout-with-sidebar.tsx b/apps/trading/components/layouts/layout-with-sidebar.tsx
index f1853f48f..eec996706 100644
--- a/apps/trading/components/layouts/layout-with-sidebar.tsx
+++ b/apps/trading/components/layouts/layout-with-sidebar.tsx
@@ -27,7 +27,7 @@ export const LayoutWithSidebar = ({
     <div className={gridClasses}>
       <div className="col-span-full">{header}</div>
       <main
-        className={classNames('col-start-1 col-end-1 overflow-hidden', {
+        className={classNames('col-start-1 col-end-1 overflow-y-auto', {
           'lg:col-end-3': !sidebarOpen,
           'hidden lg:block lg:col-end-2': sidebarOpen,
         })}