diff --git a/static/js/previewDialog.js b/static/js/previewDialog.js
index 299d1f1..e9fcd83 100644
--- a/static/js/previewDialog.js
+++ b/static/js/previewDialog.js
@@ -7,8 +7,10 @@ oml.ui.previewDialog = function() {
         $image,
         $list = oml.$ui.list,
         item = Ox.last($list.options('selected')),
-        coverRatio = $list.value(item, 'coverRatio') || oml.config.iconRatio,
-        size = getSize(coverRatio),
+        imageRatio = $list.value(
+            item, ui.icons == 'cover' ? 'coverRatio' : 'previewRatio'
+        ) || oml.config.iconRatio,
+        size = getSize(imageRatio),
 
         that = Ox.Dialog({
             closeButton: true,
@@ -55,11 +57,13 @@ oml.ui.previewDialog = function() {
     that.updateElement = function() {
         oml.api.get({
             id: Ox.last($list.options('selected')),
-            keys: ['coverRatio', 'id', 'modified', 'title']
+            keys: ['coverRatio', 'id', 'modified', 'previewRatio', 'title']
         }, function(result) {
             var item = result.data,
-                coverRatio = item.coverRatio || oml.config.iconRatio,
-                size = getSize(coverRatio),
+                imageRatio = item[
+                    ui.icons == 'cover' ? 'coverRatio' : 'previewRatio'
+                ] || oml.config.iconRatio,
+                size = getSize(imageRatio),
                 title = Ox.encodeHTMLEntities(item.title);
             $image = $('<img>')
                 .attr({
@@ -76,7 +80,7 @@ oml.ui.previewDialog = function() {
                     });
                 })
                 .attr({
-                    src: '/' + item.id + '/cover1024.jpg?' + item.modified
+                    src: '/' + item.id + '/' + ui.icons + '1024.jpg?' + item.modified
                 });
             that.options({
                     content: $image,