From c61bac9ae8f7d0ebf79d7e7f374c169f42a64cdf Mon Sep 17 00:00:00 2001
From: Thomas <thomas.j.johnson@associates.cisa.dhs.gov>
Date: Thu, 18 Jul 2024 17:24:59 -0400
Subject: [PATCH] Edited Layout.tsx

- Refactored "main-content" div from wrapping to inline so it would not overide the styling of the "content" div down river.
- This resolves weird footer issues in Inventory and My Settings.
---
 frontend/src/components/Layout.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index e782aba2..f568009b 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -97,13 +97,14 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
         {!pathname.includes('/readysetcyber') ? (
           <>
             <Header />
-            <div className="main-content" id="main-content" tabIndex={-1}>
-              {pathname === '/inventory' ? (
-                children
-              ) : (
-                <div className={classes.content}>{children}</div>
-              )}
-            </div>
+
+            <div className="main-content" id="main-content" tabIndex={-1} />
+            {pathname === '/inventory' ? (
+              children
+            ) : (
+              <div className={classes.content}>{children}</div>
+            )}
+
             <CrossfeedFooter />
           </>
         ) : (