diff --git a/htdocs/static/css/liber.css b/htdocs/static/css/liber.css
index 518aee3ed39c5fcb26c580b7a3f5ee28358a44d8..70160daf2f6a06ad4000b61883ed8d037149b4aa 100644
--- a/htdocs/static/css/liber.css
+++ b/htdocs/static/css/liber.css
@@ -32,13 +32,15 @@ footer {
     font-size: 60%;
 }
 
-/* Issue snippet */
-
 .book-icon {
     float: left;
     width: 50px;
 }
 
+.book-cover-image {
+    width: 100%;
+}
+
 /* force image size */
 .book-icon img {
     width: 50px;
diff --git a/htdocs/templates/book.html b/htdocs/templates/book.html
index 4508e39edbf9d2443bcdfdf733c9e3f53ce02f49..6a0173dabf7c69bcb2e065e9fed95ca43beea06a 100644
--- a/htdocs/templates/book.html
+++ b/htdocs/templates/book.html
@@ -4,7 +4,7 @@
 
   <div class="col-xs-6">
     {{ if .Book.CoverPath }}
-    <img src="/book/cover/{{.Book.Id}}">
+    <img class="book-cover-image" src="/book/cover/{{.Book.Id}}">
     {{end}}
   </div>