diff --git a/packages/frontend/src/components/footer/index.js b/packages/frontend/src/components/footer/index.js
index d10ebe135..7849a4f79 100644
--- a/packages/frontend/src/components/footer/index.js
+++ b/packages/frontend/src/components/footer/index.js
@@ -11,7 +11,10 @@ const socialNetwork = [
 
 function Footer () {
   return (
-        <Box px={3}>
+        <Box
+            px={3}
+            marginTop={'auto'}
+        >
             <Flex
                 className={'Footer'}
                 maxW={'1980px'}
diff --git a/packages/frontend/src/styles/theme.js b/packages/frontend/src/styles/theme.js
index e0ea9f1e5..fdb228859 100644
--- a/packages/frontend/src/styles/theme.js
+++ b/packages/frontend/src/styles/theme.js
@@ -41,7 +41,10 @@ export const theme = extendTheme({
       'html, body': {
         background: '#181d20',
         color: 'white',
-        scrollBehavior: 'smooth'
+        scrollBehavior: 'smooth',
+        minHeight: '100vh',
+        display: 'flex',
+        flexDirection: 'column'
       },
       h1: {
         fontSize: '4xl',