diff --git a/src/Components/CollectionCardFunction.js b/src/Components/CollectionCardFunction.js
index 424c0de04b6d1bb4082a7fc098d6cf3b07834a87..c308f39380e841af00f86b86d3422ee686837b0d 100644
--- a/src/Components/CollectionCardFunction.js
+++ b/src/Components/CollectionCardFunction.js
@@ -38,6 +38,7 @@ import CheckIcon from '@material-ui/icons/Check';
 import LockIcon from '@material-ui/icons/Lock';
 import ColCardOwnerOptions from './ColCardOwnerOptions.js'
 import ColCardPublicOptions from './ColCardPublicOptions'
+import {Link} from 'react-router-dom';
 
 export default function CollectionCardFunction (props) {
     const {state} = useContext(Store)
@@ -120,9 +121,9 @@ export default function CollectionCardFunction (props) {
                     <Header onMouseEnter={controlSlide} onMouseLeave={controlSlide}>
                         {/*slide animation and content*/}
                         <Slide direction="right" in={slideIn} timeout={300}>
-                            <a href="" className="text">
+                            <Link to={"/colecao-do-usuario/" + props.id} className="text">
                                 {SlideAnimationContent()}
-                            </a>
+                            </Link>
                         </Slide>
                         <Slide direction="left" in={!slideIn} timeout={700}>
                             <a href=""> {/*add links to collection later*/}