diff --git a/src/common/components/parts/Footer/__snapshots__/index.test.jsx.snap b/src/common/components/Footer/__snapshots__/index.test.jsx.snap
similarity index 79%
rename from src/common/components/parts/Footer/__snapshots__/index.test.jsx.snap
rename to src/common/components/Footer/__snapshots__/index.test.jsx.snap
index 6386d076..6a553db3 100644
--- a/src/common/components/parts/Footer/__snapshots__/index.test.jsx.snap
+++ b/src/common/components/Footer/__snapshots__/index.test.jsx.snap
@@ -2,7 +2,9 @@
 
 exports[`Footer component same snapshot 1`] = `
 <style__StyledFooter>
-  <style__StyledFooterInner>
+  <div
+    className="footer-inner"
+  >
     <Grid
       relaxed={true}
     >
@@ -27,11 +29,7 @@ exports[`Footer component same snapshot 1`] = `
               <HeaderContent>
                 Suicrux
                 <HeaderSubheader>
-                  Starter for 
-                  <s>
-                    blade
-                  </s>
-                   bleeding-edge runners
+                  Carefully collected only things your really need 🖤
                 </HeaderSubheader>
               </HeaderContent>
             </Header>
@@ -39,6 +37,6 @@ exports[`Footer component same snapshot 1`] = `
         </GridColumn>
       </GridRow>
     </Grid>
-  </style__StyledFooterInner>
+  </div>
 </style__StyledFooter>
 `;
diff --git a/src/common/components/parts/Footer/index.jsx b/src/common/components/Footer/index.jsx
similarity index 79%
rename from src/common/components/parts/Footer/index.jsx
rename to src/common/components/Footer/index.jsx
index a1a5e7da..8757b493 100644
--- a/src/common/components/parts/Footer/index.jsx
+++ b/src/common/components/Footer/index.jsx
@@ -3,12 +3,12 @@
  */
 import React from 'react'
 import {Grid, Header, Icon} from 'semantic-ui-react'
-import {StyledFooter, StyledFooterInner} from './style'
+import {StyledFooter} from './style'
 
 const Footer = () => {
 	return (
 		<StyledFooter>
-			<StyledFooterInner>
+			<div className="footer-inner">
 				<Grid relaxed>
 					<Grid.Row verticalAlign="middle">
 						<Grid.Column width={12} mobile={16}>
@@ -18,7 +18,7 @@ const Footer = () => {
 									<Header.Content>
 										Suicrux
 										<Header.Subheader>
-											Starter for <s>blade</s> bleeding-edge runners
+											Best carefully selected libs ❤️
 										</Header.Subheader>
 									</Header.Content>
 								</Header>
@@ -26,7 +26,7 @@ const Footer = () => {
 						</Grid.Column>
 					</Grid.Row>
 				</Grid>
-			</StyledFooterInner>
+			</div>
 		</StyledFooter>
 	)
 }
diff --git a/src/common/components/parts/Footer/index.test.jsx b/src/common/components/Footer/index.test.jsx
similarity index 84%
rename from src/common/components/parts/Footer/index.test.jsx
rename to src/common/components/Footer/index.test.jsx
index b785e31a..1bb6ba17 100644
--- a/src/common/components/parts/Footer/index.test.jsx
+++ b/src/common/components/Footer/index.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import Footer from 'components/parts/Footer'
+import Footer from 'components/Footer'
 import {shallow} from 'enzyme'
 import toJson from 'enzyme-to-json'
 
diff --git a/src/common/components/Footer/style.jsx b/src/common/components/Footer/style.jsx
new file mode 100644
index 00000000..6f080e16
--- /dev/null
+++ b/src/common/components/Footer/style.jsx
@@ -0,0 +1,15 @@
+import styled from 'styled-components'
+
+export const StyledFooter = styled.footer`
+	width: 100%;
+	display: flex;
+	align-items: center;
+	background-color: ${props => props.theme.black};
+	color: ${props => props.theme.white};
+	height: 72px;
+	min-height: 72px;
+
+	.footer-inner {
+		padding: 15px 1rem;
+	}
+`
diff --git a/src/common/components/parts/Footer/style.jsx b/src/common/components/parts/Footer/style.jsx
deleted file mode 100644
index fd795cf5..00000000
--- a/src/common/components/parts/Footer/style.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import styled from 'styled-components'
-
-export const StyledFooter = styled.footer`
-	width: 100%;
-	display: flex;
-	align-items: center;
-	background-color: ${props => props.theme.primaryColorLight};
-	color: ${props => props.theme.primaryTextColor};
-	height: 72px;
-	min-height: 72px;
-	box-shadow: inset 0 0 0 0 ${props => props.theme.primaryColorDark},
-		0 2px 1px 0 ${props => props.theme.primaryColorDark};
-`
-
-export const StyledFooterInner = styled.div`padding: 15px 1rem;`