diff --git a/app/assets/javascripts/discourse/templates/components/edit-category-images.hbs b/app/assets/javascripts/discourse/templates/components/edit-category-images.hbs
index 02f655c57e4..56e2debffd0 100644
--- a/app/assets/javascripts/discourse/templates/components/edit-category-images.hbs
+++ b/app/assets/javascripts/discourse/templates/components/edit-category-images.hbs
@@ -4,7 +4,7 @@
       imageId=logoImageId
       imageUrl=logoImageUrl
       type="category_logo"
-      class="no-repeat"}}
+      class="no-repeat contain-image"}}
 </section>
 
 <section class='field'>
diff --git a/app/assets/stylesheets/common/base/upload.scss b/app/assets/stylesheets/common/base/upload.scss
index 84e29bb14a1..dc2a87aa106 100644
--- a/app/assets/stylesheets/common/base/upload.scss
+++ b/app/assets/stylesheets/common/base/upload.scss
@@ -8,3 +8,9 @@
     background-repeat: no-repeat;
   }
 }
+
+.image-uploader.contain-image {
+  .uploaded-image-preview {
+    background-size: contain;
+  }
+}