diff --git a/static/css/skeleton.css b/static/css/skeleton.css
index 2828d08..8ab3d6c 100644
--- a/static/css/skeleton.css
+++ b/static/css/skeleton.css
@@ -33,7 +33,7 @@
   width: 100%;
   max-width: 960px;
   margin: 0 auto;
-  padding: 0 20px;
+  padding: 0 15px;
   box-sizing: border-box; }
 .column,
 .columns {
@@ -484,4 +484,4 @@ there.
   50% {
     opacity: 0.5;
   }
-}
+}
\ No newline at end of file
diff --git a/template/bookshelf.html b/template/bookshelf.html
index 6310998..45464e0 100644
--- a/template/bookshelf.html
+++ b/template/bookshelf.html
@@ -50,7 +50,7 @@
           >
             <i class="fas fa-plus"></i> Add new movie</button
           ><br />
-          <div id="listOfMovies"></div>
+          <div id="listOfMovies" class=""></div>
         </div>
         
       </div>
@@ -69,7 +69,7 @@
           currenElm = json[i]
           if(currenElm.movieTitel.toLowerCase().replace("(", "").replace(")", "").includes(e.target.value.toLowerCase())){
             console.log(currenElm.movieID)
-            elem.innerHTML += "<a href='/showDetails?id=" + currenElm.movieID + "'><div style='width: 150px; float: left; padding: 5px;'><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
+            elem.innerHTML += "<a style='width: 150px; float: left; padding: 4px; height: 309 ,jmnpx;' href='/showDetails?id=" + currenElm.movieID + "'><div ><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
           }
           i++
         }
@@ -79,7 +79,7 @@
       elem = document.getElementById("listOfMovies")
       while(i < json.length){
         currenElm = json[i]
-        elem.innerHTML += "<a href='/showDetails?id=" + currenElm.movieID + "'><div style='width: 150px; float: left; padding: 5px;'><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
+        elem.innerHTML += "<a style='width: 150px; float: left; padding: 4px; height: 309px;' href='/showDetails?id=" + currenElm.movieID + "'><div ><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
         i++;
       }