From 11855a2847a42b4250103ba0a385452753a66a11 Mon Sep 17 00:00:00 2001
From: Kyle Shanks <kyle.j.shanks@gmail.com>
Date: Fri, 29 Jul 2022 00:12:49 -0400
Subject: [PATCH] Update artist popover profile picture skeleton to be round
 (#1660)

---
 .../web/src/components/artist/ArtistCardCover.module.css    | 6 ++++++
 packages/web/src/components/artist/ArtistCardCover.tsx      | 1 +
 2 files changed, 7 insertions(+)

diff --git a/packages/web/src/components/artist/ArtistCardCover.module.css b/packages/web/src/components/artist/ArtistCardCover.module.css
index 0786bc9699..4f5380df57 100644
--- a/packages/web/src/components/artist/ArtistCardCover.module.css
+++ b/packages/web/src/components/artist/ArtistCardCover.module.css
@@ -37,6 +37,12 @@
   width: 72px !important;
 }
 
+.profilePictureSkeleton {
+  height: 72px;
+  width: 72px;
+  border-radius: 50%;
+}
+
 .profilePicture {
   height: 72px;
   width: 72px;
diff --git a/packages/web/src/components/artist/ArtistCardCover.tsx b/packages/web/src/components/artist/ArtistCardCover.tsx
index 35f96995c4..a83bdfcd62 100644
--- a/packages/web/src/components/artist/ArtistCardCover.tsx
+++ b/packages/web/src/components/artist/ArtistCardCover.tsx
@@ -64,6 +64,7 @@ export const ArtistCardCover = (props: ArtistCoverProps) => {
         {isArtist ? <BadgeArtist className={styles.badgeArtist} /> : null}
         <DynamicImage
           wrapperClassName={styles.profilePictureWrapper}
+          skeletonClassName={styles.profilePictureSkeleton}
           className={styles.profilePicture}
           image={profilePicture}
           immediate