From aabb907274076f966649406834ef2ee0ca5d49d0 Mon Sep 17 00:00:00 2001
From: Maxime Julian <44675210+therealemjy@users.noreply.github.com>
Date: Tue, 24 Oct 2023 15:57:56 +0100
Subject: [PATCH] fix: account page layout (#1647)

---
 src/containers/Layout/index.tsx |  2 +-
 src/pages/Account/index.tsx     | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/containers/Layout/index.tsx b/src/containers/Layout/index.tsx
index 67c3cdc574..3e0bc5bca1 100644
--- a/src/containers/Layout/index.tsx
+++ b/src/containers/Layout/index.tsx
@@ -39,7 +39,7 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
       >
         <Header />
 
-        <main className="w-full flex-1 px-4 pb-4 md:px-6 xl:mx-auto xl:max-w-[1360px] xl:px-10">
+        <main className="w-full shrink-0 grow px-4 pb-4 md:px-6 xl:mx-auto xl:max-w-[1360px] xl:px-10">
           {children}
         </main>
 
diff --git a/src/pages/Account/index.tsx b/src/pages/Account/index.tsx
index 92997ec3a5..c50317742b 100644
--- a/src/pages/Account/index.tsx
+++ b/src/pages/Account/index.tsx
@@ -7,11 +7,13 @@ const Account: React.FC = () => {
   const isPrimeEnabled = useIsFeatureEnabled({ name: 'prime' });
 
   return (
-    <>
-      {isPrimeEnabled && <PrimeStatusBanner className="mb-10 lg:mb-14" />}
+    <div className="flex h-full flex-col">
+      {isPrimeEnabled && <PrimeStatusBanner className="mb-10 flex-none lg:mb-14" />}
 
-      <AccountBreakdown />
-    </>
+      <div className="flex-auto">
+        <AccountBreakdown />
+      </div>
+    </div>
   );
 };