diff --git a/src/app/chat/Badge.vue b/src/app/chat/Badge.vue
index 97dbbed9..a3c6c037 100644
--- a/src/app/chat/Badge.vue
+++ b/src/app/chat/Badge.vue
@@ -22,17 +22,18 @@ import BadgeTooltip from "./BadgeTooltip.vue";
 const props = defineProps<{
 	alt: string;
 	type: "twitch" | "picture" | "app";
-	badge: Twitch.ChatBadge | string | SevenTV.Cosmetic<"BADGE">;
+	badge: Twitch.ChatBadge | Twitch.SharedChat | SevenTV.Cosmetic<"BADGE">;
 }>();
 
 const backgroundColor = ref("");
 const borderRadius = ref("");
 const srcset = {
 	twitch: (badge: Twitch.ChatBadge) => `${badge.image1x} 1x, ${badge.image2x} 2x, ${badge.image4x} 4x`,
-	picture: (badge: string) => `${badge.slice(0, -9)}28x28.png 1.6x, ${badge.slice(0, -9)}70x70.png 3.8x`,
+	picture: (badge: Twitch.SharedChat) =>
+		`${badge.profileImageURL.slice(0, -9)}28x28.png 1.6x, ${badge.profileImageURL.slice(0, -9)}70x70.png 3.8x`,
 	app: (badge: SevenTV.Cosmetic<"BADGE">) =>
 		badge.data.host.files.map((fi, i) => `https:${badge.data.host.url}/${fi.name} ${i + 1}x`).join(", "),
-}[props.type](props.badge as SevenTV.Cosmetic<"BADGE"> & string & Twitch.ChatBadge);
+}[props.type](props.badge as SevenTV.Cosmetic<"BADGE"> & Twitch.SharedChat & Twitch.ChatBadge);
 
 const imgRef = ref<HTMLElement>();
 
diff --git a/src/app/chat/UserTag.vue b/src/app/chat/UserTag.vue
index cd62f932..1aafdbbe 100644
--- a/src/app/chat/UserTag.vue
+++ b/src/app/chat/UserTag.vue
@@ -10,7 +10,7 @@
 			<Badge
 				v-if="sourceData"
 				:key="sourceData.login"
-				:badge="sourceData.profileImageURL"
+				:badge="sourceData"
 				:alt="sourceData.displayName"
 				type="picture"
 			/>