diff --git a/core/src/components/avatar/avatar.scss b/core/src/components/avatar/avatar.scss
index 0570a532c0..2495151f6a 100644
--- a/core/src/components/avatar/avatar.scss
+++ b/core/src/components/avatar/avatar.scss
@@ -11,4 +11,6 @@ ion-avatar {
 ion-avatar img {
   width: 100%;
   height: 100%;
+
+  object-fit: cover;
 }
diff --git a/core/src/components/avatar/test/basic/index.html b/core/src/components/avatar/test/basic/index.html
index 67f5fdf142..b8e499c35d 100644
--- a/core/src/components/avatar/test/basic/index.html
+++ b/core/src/components/avatar/test/basic/index.html
@@ -35,6 +35,13 @@
           </ion-avatar>
           <ion-label>Item Avatar</ion-label>
         </ion-item>
+
+        <ion-item>
+          <ion-avatar slot="end">
+            <img src="https://images.unsplash.com/photo-1511125357779-27038c647d9d?auto=format&fit=crop&w=1951&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D">
+          </ion-avatar>
+          <ion-label>Wide Avatar</ion-label>
+        </ion-item>
       </ion-content>
 
   </ion-app>