diff --git a/cps/static/css/style.css b/cps/static/css/style.css
index da088021..27f81098 100644
--- a/cps/static/css/style.css
+++ b/cps/static/css/style.css
@@ -65,6 +65,11 @@ span.glyphicon.glyphicon-tags {padding-right: 5px;color: #999;vertical-align: te
 .navbar-default .navbar-toggle {border-color: #000;}
 .cover { margin-bottom: 10px;}
 .cover-height { max-height: 100px;}
+.cover-small {
+    margin:5px;
+    height: 200px;
+    width: auto;
+}
 
 .btn-file {position: relative; overflow: hidden;}
 .btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}
diff --git a/cps/templates/user_edit.html b/cps/templates/user_edit.html
index 5de43391..ee486454 100644
--- a/cps/templates/user_edit.html
+++ b/cps/templates/user_edit.html
@@ -141,7 +141,7 @@
     {% for entry in downloads %}
       <div class="col-sm-2">
         <a class="pull-left" href="{{ url_for('web.show_book', book_id=entry.id) }}">
-          <img class="media-object" style="margin:5px; height: 200px; width: auto;" src="{{ url_for('web.get_cover', book_id=entry.id) }}" alt="...">
+          <img class="media-object cover-small" src="{{ url_for('web.get_cover', book_id=entry.id) }}" alt="...">
         </a>
       </div>
     {% endfor %}