diff --git a/public/static/css/phone-image-templates.css b/public/static/css/phone-image-templates.css
index 63f80c1..89ee876 100644
--- a/public/static/css/phone-image-templates.css
+++ b/public/static/css/phone-image-templates.css
@@ -552,9 +552,13 @@
     position: relative;
     flex-shrink: 0;
     text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
-.preview-thumb-item img {
+.preview-thumb-item img,
+.preview-thumb-item .preview-thumb-img {
     display: block;
     border: 1px solid #e0e0e0;
     border-radius: 4px;
diff --git a/public/static/js/phone-image.js b/public/static/js/phone-image.js
index 8e26fe7..e017690 100644
--- a/public/static/js/phone-image.js
+++ b/public/static/js/phone-image.js
@@ -1251,7 +1251,7 @@ var PhoneImageEngine = (function () {
         var $item = $('<div class="preview-thumb-item" data-page-index="' + pageIndex + '">');
         $item.css('width', thumbWidth + 'px');
 
-        var $img = $('<img>');
+        var $img = $('<img class="preview-thumb-img">');
         $img.attr('src', dataUrl);
         $img.css('width', thumbWidth + 'px');
         $item.append($img);