diff --git a/public/photo2.jpg b/public/photo2.jpg
new file mode 100644
index 00000000..c895e739
Binary files /dev/null and b/public/photo2.jpg differ
diff --git a/src/components/AppIcon.tsx b/src/components/AppIcon.tsx
index 8f720c4b..c38774a7 100644
--- a/src/components/AppIcon.tsx
+++ b/src/components/AppIcon.tsx
@@ -151,6 +151,7 @@ ref: Ref<any>) {
           alt={alt}
           width={iconSize}
           height={iconSize}
+          objectFit="cover"
           {...props}
         />
       ) : icon || (
diff --git a/src/stories/AppIcon.stories.tsx b/src/stories/AppIcon.stories.tsx
index 96135e2e..2fce7bde 100644
--- a/src/stories/AppIcon.stories.tsx
+++ b/src/stories/AppIcon.stories.tsx
@@ -81,14 +81,18 @@ function Template({ onFillLevel, ...args }: any) {
                 url={args.icon}
                 {...args}
               />
-
               <AppIcon
                 size={size}
                 url="photo.png"
                 spacing="none"
                 {...args}
               />
-
+              <AppIcon
+                size={size}
+                url="photo2.jpg"
+                spacing="none"
+                {...args}
+              />
               <AppIcon
                 size={size}
                 name={args.name || undefined}