diff --git a/public/css/index.css b/public/css/index.css
index 9817da6..d245878 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1024,7 +1024,7 @@ header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.d
     height: 7vw;
   }
 }
-.made-with-love a {
+.made-with-love .link {
   color: #ff8787;
 }
 
diff --git a/public/sass/_footer.scss b/public/sass/_footer.scss
index f268035..8d16a89 100644
--- a/public/sass/_footer.scss
+++ b/public/sass/_footer.scss
@@ -1,4 +1,4 @@
-.made-with-love a {
+.made-with-love .link {
     color: #ff8787
   }
   
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 0a87084..d0773f7 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,4 +1,6 @@
 import React from 'react'
+import { withRouter, } from 'react-router'
+import { Link } from 'react-router-dom'
 
 const Footer = (props) => {
     return (
@@ -6,9 +8,10 @@ const Footer = (props) => {
             {/* <p>
                 Made with 💓 by <a href="http://www.franp.xyz">Francisco Pessano</a>.
             </p> */}
-            <a href="/credits-page">Credits</a>
+
+            <Link className="link" to='/credits-page'>Credits</Link>
         </footer>
     )
 }
 
-export default Footer
\ No newline at end of file
+export default withRouter(Footer)
\ No newline at end of file