diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index ad28575..a68e556 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -19,7 +19,7 @@ const Footer = () => {
             objectFit="contain"
             alt="logo"
           />
-          <h3>MYCHINE</h3>
+          <h2>MYCHINE</h2>
         </S.Logo>
       </Link>
       <S.Links>
diff --git a/src/components/Footer/styles.tsx b/src/components/Footer/styles.tsx
index 27e63c7..ff47ba5 100644
--- a/src/components/Footer/styles.tsx
+++ b/src/components/Footer/styles.tsx
@@ -1,22 +1,19 @@
 import styled, { css } from 'styled-components';
-// import { hoverAnimation } from 'UI/animations';
 
 export const Footer = styled.footer`
   grid-area: footer;
   grid-column: 1/-1;
-  justify-self: center;
   top: 8px;
-  display: block;
-  z-index: 1;
+  display: flex;
+  flex-direction: column;
   background: #00000050;
-
   align-items: center;
 `;
 
 export const Logo = styled.div`
   ${({ theme }) => css`
     position: relative;
-    display: flex;
+    display: inline-flexbox;
     gap: 1rem;
     align-items: center;
     margin-right: ${theme.spacings.xlarge};