diff --git a/src/components/Main/Main.js b/src/components/Main/Main.js
index a136c23..9a752d5 100644
--- a/src/components/Main/Main.js
+++ b/src/components/Main/Main.js
@@ -78,6 +78,7 @@ const Main = ({ userData }) => {
                             padding: '10px',
                             marginRight: '30px',
                         }}>
+                            <a href={film.url} style={{ textDecoration: 'none', color: 'inherit' }}>
                             <div key={index} style={{
                                 height: 200,
                                 width: 140,
@@ -107,7 +108,8 @@ const Main = ({ userData }) => {
                                 }}>{film.filmName}</div>
                             </div>
                         </div>
-                    </li>
+                    </a>
+                </li>
                 ))}
             </ul>
             </div>