diff --git a/apps/presentationeditor/main/app/controller/Toolbar.js b/apps/presentationeditor/main/app/controller/Toolbar.js
index 2692b5750..19814335d 100644
--- a/apps/presentationeditor/main/app/controller/Toolbar.js
+++ b/apps/presentationeditor/main/app/controller/Toolbar.js
@@ -1960,26 +1960,51 @@ define([
             me.toolbar.listTheme.menuPicker.store.reset([]); // remove all
 
             var themeStore = this.getCollection('SlideThemes'),
-                mainController = this.getApplication().getController('Main');
+                mainController = this.getApplication().getController('Main'),
+                imageUrl = (window.devicePixelRatio > 1) ? '../../../../sdkjs/common/Images/themes_thumbnail@2x.png' : '../../../../sdkjs/common/Images/themes_thumbnail.png';
             if (themeStore) {
-                var arr = [];
-                _.each(defaultThemes.concat(docThemes), function(theme) {
-                    arr.push(new Common.UI.DataViewModel({
-                        imageUrl: theme.get_Image(),
+                var arr1 = [], arr2 = [];
+                _.each(defaultThemes, function(theme, index) {
+                    var tip = mainController.translationTable[theme.get_Name()] || theme.get_Name();
+                    arr1.push(new Common.UI.DataViewModel({
+                        imageUrl: imageUrl,
                         uid     : Common.UI.getId(),
                         themeId : theme.get_Index(),
-                        tip     : mainController.translationTable[theme.get_Name()] || theme.get_Name(),
+                        tip     : tip,
                         itemWidth   : 85,
-                        itemHeight  : 38
+                        itemHeight  : 38,
+                        offsety     : index * 38
                     }));
-                    me.toolbar.listTheme.menuPicker.store.add({
-                        imageUrl: theme.get_Image(),
+                    arr2.push({
+                        imageUrl: imageUrl,
                         uid     : Common.UI.getId(),
                         themeId : theme.get_Index(),
-                        tip     : mainController.translationTable[theme.get_Name()] || theme.get_Name()
+                        tip     : tip,
+                        offsety     : index * 38
                     });
                 });
-                themeStore.reset(arr);
+                _.each(docThemes, function(theme) {
+                    var image = theme.get_Image(),
+                        tip = mainController.translationTable[theme.get_Name()] || theme.get_Name();
+                    arr1.push(new Common.UI.DataViewModel({
+                        imageUrl: image,
+                        uid     : Common.UI.getId(),
+                        themeId : theme.get_Index(),
+                        tip     : tip,
+                        itemWidth   : 85,
+                        itemHeight  : 38,
+                        offsety     : 0
+                    }));
+                    arr2.push({
+                        imageUrl: image,
+                        uid     : Common.UI.getId(),
+                        themeId : theme.get_Index(),
+                        tip     : tip,
+                        offsety     : 0
+                    });
+                });
+                themeStore.reset(arr1);
+                me.toolbar.listTheme.menuPicker.store.reset(arr2);
             }
 
             if (me.toolbar.listTheme.menuPicker.store.length > 0 &&  me.toolbar.listTheme.rendered){
diff --git a/apps/presentationeditor/main/app/view/DocumentHolder.js b/apps/presentationeditor/main/app/view/DocumentHolder.js
index 8b66850f8..076d779fc 100644
--- a/apps/presentationeditor/main/app/view/DocumentHolder.js
+++ b/apps/presentationeditor/main/app/view/DocumentHolder.js
@@ -2032,7 +2032,7 @@ define([
                     store       : PE.getCollection('SlideThemes'),
                     itemTemplate: _.template([
                         '<div class="style" id="<%= id %>" style="width: <%= itemWidth %>px;">',
-                        '<div style="background-image: url(<%= imageUrl %>); width: <%= itemWidth %>px; height: <%= itemHeight %>px;"/>',
+                        '<div style="background-image: url(<%= imageUrl %>); width: <%= itemWidth %>px; height: <%= itemHeight %>px;background-position: 0 -<%= offsety %>px;background-size: cover;"/>',
                         '</div>'
                     ].join(''))
                 }).on('item:click', function(picker, item, record, e) {
diff --git a/apps/presentationeditor/main/app/view/Toolbar.js b/apps/presentationeditor/main/app/view/Toolbar.js
index 836eb8822..f3fd39f7c 100644
--- a/apps/presentationeditor/main/app/view/Toolbar.js
+++ b/apps/presentationeditor/main/app/view/Toolbar.js
@@ -804,12 +804,12 @@ define([
 
                     me.listTheme.fieldPicker.itemTemplate = _.template([
                         '<div class="style" id="<%= id %>">',
-                        '<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px;"/>',
+                        '<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px; background-position: 0 -<%= offsety %>px;"/>',
                         '</div>'
                     ].join(''));
                     me.listTheme.menuPicker.itemTemplate = _.template([
                         '<div class="style" id="<%= id %>">',
-                        '<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px;"/>',
+                        '<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px; background-position: 0 -<%= offsety %>px;"/>',
                         '</div>'
                     ].join(''));