Fix Bug Footer

AletheiaFact · Feb 11, 2025 · 859cd15 · 859cd15
1 parent 9de17a8
commit 859cd15
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -27,12 +27,11 @@ const Footer = () => {
         <Box
             component="footer"
             sx={{
-                position: "absolute",
-                bottom: 0,
                 textAlign: "center",
                 background: backgroundColor,
                 color: colors.white,
                 padding: "32px",
+                alignSelf: "flex-end"
             }}
         >
             <Grid container spacing={3} justifyContent="center">

diff --git a/src/components/MainApp.tsx b/src/components/MainApp.tsx
@@ -39,19 +39,24 @@ const MainApp = ({ children }) => {
     return (
         <Box
             sx={{
-                minHeight: "100vh",
                 width:
                     copilotDrawerCollapsed || vw?.md
                         ? "100%"
                         : `calc(100% - ${copilotDrawerWidth}px)`,
             }}
         >
             <Sidebar />
-            <Box sx={{ background: colors.white }}>
-                <Header />
-                <DonationBanner />
-                {renderCTAButton()}
-                <ContentWrapper>{children}</ContentWrapper>
+            <Box sx={{
+                display: "grid",
+                minHeight: "100vh",
+                background: colors.white
+            }}>
+                <Box>
+                    <Header />
+                    <DonationBanner />
+                    {renderCTAButton()}
+                    <ContentWrapper>{children}</ContentWrapper>
+                </Box>
                 <Footer />
                 {enableOverlay && <OverlaySearchResults />}
             </Box>