diff --git a/cps/static/css/style.css b/cps/static/css/style.css
index 3532043f..da088021 100644
--- a/cps/static/css/style.css
+++ b/cps/static/css/style.css
@@ -64,7 +64,7 @@ span.glyphicon.glyphicon-tags {padding-right: 5px;color: #999;vertical-align: te
 .navbar-default .navbar-toggle .icon-bar {background-color: #000;}
 .navbar-default .navbar-toggle {border-color: #000;}
 .cover { margin-bottom: 10px;}
-.cover-heigh { max-height: 100px;}
+.cover-height { max-height: 100px;}
 
 .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/shelf_order.html b/cps/templates/shelf_order.html
index 70f74df3..26fa2e35 100644
--- a/cps/templates/shelf_order.html
+++ b/cps/templates/shelf_order.html
@@ -7,10 +7,10 @@
         {% for entry in entries %}
           <div id="{{entry.id}}" class="list-group-item">
             <div class="row">
-              <div class="col-lg-4 col-sm-4 hidden-xs">
-                  <img class="cover-heigh" src="{{ url_for('web.get_cover', book_id=entry.id) }}">
+              <div class="col-lg-2 col-sm-4 hidden-xs">
+                  <img class="cover-height" src="{{ url_for('web.get_cover', book_id=entry.id) }}">
               </div>
-              <div class="col-lg-8 col-sm-8 col-xs-12">
+              <div class="col-lg-10 col-sm-8 col-xs-12">
                   {{entry.title}}
                   {% if entry.series|length > 0 %}
                     <br>