diff --git a/templates/bootstrap/file.html b/templates/bootstrap/file.html
index 49d28b4..9264f00 100644
--- a/templates/bootstrap/file.html
+++ b/templates/bootstrap/file.html
@@ -59,7 +59,13 @@
         display:block;
     }
 
-    .cover-image { min-height:164px;}
+    .cover-image { height:164px; text-align: center;}
+
+    .cover-image img {
+        max-width:100%;
+        max-height:100%;
+        color: white;
+    }
 
     .panel-heading { padding: 10px 7px; }
 
diff --git a/templates/bootstrap/main.html b/templates/bootstrap/main.html
index 633afdb..d0b43be 100644
--- a/templates/bootstrap/main.html
+++ b/templates/bootstrap/main.html
@@ -34,11 +34,9 @@
           <div class="panel-body">
             <div class="cover-image">
             {{? entry.book.hasCover == 1}}
-                <div class="text-center">
                 <a href="{{=str_format (it.c.url.coverUrl, entry.book.id, it.databaseId)}}">
                     <img src="{{=str_format (it.c.url.thumbnailUrl, entry.book.id, it.databaseId)}}" alt="{{=it.c.i18n.coverAlt}}" />
                 </a>
-                </div>
             {{?}}
             </div>
             <div class="ellipsis"><span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span></div>