diff --git a/src/public/js/app.js b/src/public/js/app.js
index 9ad60d4..63b88fb 100644
--- a/src/public/js/app.js
+++ b/src/public/js/app.js
@@ -84,6 +84,7 @@ ReactDOM.render((
+
diff --git a/src/public/js/components/movies/list.js b/src/public/js/components/movies/list.js
index 08b8735..c27b600 100644
--- a/src/public/js/components/movies/list.js
+++ b/src/public/js/components/movies/list.js
@@ -2,7 +2,17 @@ import React from 'react'
import axios from 'axios'
function MoviePosters(props) {
- const movies = props.movies;
+ // TODO handle the limit from the url
+ const perPage = 30;
+
+ let movies;
+ // Let's limit the number for now
+ if (props.movies.length > perPage) {
+ movies = props.movies.slice(0, perPage);
+ } else {
+ movies = props.movies;
+ }
+
return (