diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
index aa925a19cb7..4c426b92c43 100644
--- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
@@ -71,10 +71,10 @@ body.editor_enable.editor_has_snippets {
 
         .oe_snippet_thumbnail_img {
             width: 100%;
-            height: 60px;
+            padding-top: 75%;
             background-repeat: no-repeat;
             background-size: contain;
-            background-position: center center;
+            background-position: top center;
             overflow: hidden;
         }