diff --git a/resources/views/books/grid-item.blade.php b/resources/views/books/grid-item.blade.php
index e546d51e2..9cc58225a 100644
--- a/resources/views/books/grid-item.blade.php
+++ b/resources/views/books/grid-item.blade.php
@@ -1,4 +1,4 @@
-<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"  data-entity-type="book" data-entity-id="{{$book->id}}">
+<div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"  data-entity-type="book" data-entity-id="{{$book->id}}">
     <div class="gallery-item">
     <h4>
         <a class="text-book entity-list-item-link" href="{{$book->getUrl()}}"><i class="zmdi zmdi-book"></i><span class="entity-list-item-name">{{$book->name}}</span>
diff --git a/resources/views/books/index.blade.php b/resources/views/books/index.blade.php
index c5dd38a87..be17457d1 100644
--- a/resources/views/books/index.blade.php
+++ b/resources/views/books/index.blade.php
@@ -24,12 +24,14 @@
                 <h1>{{ trans('entities.books') }}</h1>
                 @if(count($books) > 0)
                     @if($books_display=='grid')
+                      <div class="row">
                         @foreach($books as $book)
                             @include('books/grid-item', ['book' => $book])
                         @endforeach
                         <div class="col-xs-12">
                             {!! $books->render() !!}
                         </div>
+                      </div>
                     @else
                         @foreach($books as $book)
                             @include('books/list-item', ['book' => $book])