From e1c10bdbce9160974ff65e4dbaa7730cbf6a1523 Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Wed, 17 Aug 2022 15:21:43 +0300
Subject: [PATCH] [DE mobile] Fix Bug 58553

---
 apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx b/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx
index 0e349c5423..7728ee25bd 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditParagraph.jsx
@@ -207,7 +207,7 @@ const EditParagraph = props => {
                     onStyleMenuDelete: props.onStyleMenuDelete
                 }}>
                     {curStyle && 
-                        <div slot="inner" style={{backgroundImage: 'url(' + curStyle.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: '100% ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}></div>
+                        <div slot="inner" style={{backgroundImage: 'url(' + curStyle.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: 'contain', backgroundRepeat: 'no-repeat'}}></div>
                     }
                 </ListItem>
             </List>
@@ -278,7 +278,7 @@ const EditParagraphStyle = props => {
                         }}
                     >
                         <div slot="inner"
-                            style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: '100% ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}
+                            style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: 'contain', backgroundRepeat: 'no-repeat'}}
                         ></div>
                         {!api.asc_IsStyleDefault(style.name) && (
                             <div slot="inner-end">
@@ -369,7 +369,7 @@ const ChangeNextParagraphStyle = props => {
                         }}
                     >
                         <div slot="inner"
-                            style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: '100% ' + thumbSize.height + 'px', backgroundRepeat: 'no-repeat'}}
+                            style={{backgroundImage: 'url(' + style.image + ')', width: '100%', height: thumbSize.height + 'px', backgroundSize: 'contain', backgroundRepeat: 'no-repeat'}}
                         ></div>
                     </ListItem>
                 ))}