diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
index 4c50383..d26e019 100644
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import Footer from './Footer';
 import Header from './Header';
 
 type Props = {
@@ -15,6 +16,7 @@ const Layout = ({ full, children, className, originalPath }: Props) => {
       <main id='main' className={`main ${className}`}>
         {children}
       </main>
+      <Footer />
     </>
   );
 };
diff --git a/src/styles/modules/layout/footer.module.scss b/src/styles/modules/layout/footer.module.scss
index af63d4b..8a300a6 100644
--- a/src/styles/modules/layout/footer.module.scss
+++ b/src/styles/modules/layout/footer.module.scss
@@ -2,7 +2,7 @@
 
 .footer {
   background: var(--clr-bg-muted);
-  padding: var(--spacer-4);
+  padding: var(--spacer-3);
 
   display: flex;
   flex-direction: column;