diff --git a/client/app/components/MovieObject.jsx b/client/app/components/MovieObject.jsx
index 5b6f58a..e114900 100644
--- a/client/app/components/MovieObject.jsx
+++ b/client/app/components/MovieObject.jsx
@@ -34,7 +34,7 @@ class MovieObject {
 		notify.show(this.title + ' requested!', 'success', 3000);
 	}
 
-	getElement() {
+	getElement(index) {
 		// TODO set the poster image async by updating the dom after this is returned
 		if (this.poster == null || this.poster == undefined) {
 			var posterPath = 'https://openclipart.org/image/2400px/svg_to_png/211479/Simple-Image-Not-Found-Icon.png'
@@ -60,7 +60,7 @@ class MovieObject {
 		
 
 		return (
-		<div>
+		<div key={index}>
 		 	<Notifications />
 			<div style={movieStyle.resultItem} key={this.id}>
 				<MediaQuery minWidth={600}>
diff --git a/client/app/components/SearchRequest.jsx b/client/app/components/SearchRequest.jsx
index 1f488dc..c9f64ca 100644
--- a/client/app/components/SearchRequest.jsx
+++ b/client/app/components/SearchRequest.jsx
@@ -156,11 +156,11 @@ class SearchRequest extends React.Component {
             .then(responseData => {
                 if (this.state.page === 1) {
                     this.setState({
-                        responseMovieList: responseData.results.map(searchResultItem => this.createMovieObjects(searchResultItem)),
+                        responseMovieList: responseData.results.map((searchResultItem, index) => this.createMovieObjects(searchResultItem, index)),
                         lastApiCallURI: uri  // Save the value of the last sucessfull api call
                     })
                 } else {
-                    let responseMovieObjects = responseData.results.map(searchResultItem => this.createMovieObjects(searchResultItem));
+                    let responseMovieObjects = responseData.results.map((searchResultItem, index) => this.createMovieObjects(searchResultItem, index));
                     let growingReponseMovieObjectList = this.state.responseMovieList.concat(responseMovieObjects);
                     this.setState({
                         responseMovieList: growingReponseMovieObjectList,
@@ -202,11 +202,11 @@ class SearchRequest extends React.Component {
             .then(responseData => {
                 if (this.state.page === 1) {
                     this.setState({
-                        responseMovieList: responseData.results.map(searchResultItem => this.createMovieObjects(searchResultItem)),
+                        responseMovieList: responseData.results.map((searchResultItem, index) => this.createMovieObjects(searchResultItem, index)),
                         lastApiCallURI: uri  // Save the value of the last sucessfull api call
                     })
                 } else {
-                    let responseMovieObjects = responseData.results.map(searchResultItem => this.createMovieObjects(searchResultItem));
+                    let responseMovieObjects = responseData.results.map((searchResultItem, index) => this.createMovieObjects(searchResultItem, index));
                     let growingReponseMovieObjectList = this.state.responseMovieList.concat(responseMovieObjects);
                     this.setState({
                         responseMovieList: growingReponseMovieObjectList,
@@ -288,9 +288,9 @@ class SearchRequest extends React.Component {
 
   // When called passes the variable to MovieObject and calls it's interal function for 
   // generating the wanted HTML
-  createMovieObjects(item) {
+  createMovieObjects(item, index) {
     let movie = new MovieObject(item);
-    return movie.getElement();
+    return movie.getElement(index);
   }
 
   toggleFilter(filterType) {