From b0f8ca544d352cf3919ac619c021fe9dde0c9606 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Wed, 28 Mar 2018 17:43:36 -0400
Subject: [PATCH] fix(avatar): adjust wide images to fill instead of squish

---
 core/src/components/avatar/avatar.scss           | 2 ++
 core/src/components/avatar/test/basic/index.html | 7 +++++++
 2 files changed, 9 insertions(+)

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>