diff --git a/assets/global.css b/assets/global.css
index 2c5eb6f..bc6e902 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -33,6 +33,7 @@ h4,
 h5,
 h6 {
   font-family: "fixed", monospace, system-ui;
+  font-weight: normal;
 }
 
 /* header {
diff --git a/templates/playlist.templ b/templates/playlist.templ
index a10a106..ad2057c 100644
--- a/templates/playlist.templ
+++ b/templates/playlist.templ
@@ -17,7 +17,7 @@ templ PlaylistHeader(p sc.Playlist) {
 
 templ Playlist(p sc.Playlist) {
 	if p.Artwork != "" {
-		<img src={ p.Artwork }/>
+		<img src={ p.Artwork } width="300px"/>
 	}
 	<h1>{ p.Title }</h1>
 	<a class="listing" href={ templ.URL("/" + p.Author.Permalink) }>
@@ -43,7 +43,7 @@ templ Playlist(p sc.Playlist) {
 			if track.Title != "" {
 				<a class="listing" href={ templ.URL("/" + track.Author.Permalink + "/" + track.Permalink) }>
 					if track.Artwork != "" {
-						<img src={ track.Artwork }/>
+						<img src={ track.Artwork } class={ ViewTransition("t" + track.ID) }/>
 					} else {
 						<img src="/placeholder.jpg">
 					}
diff --git a/templates/track.templ b/templates/track.templ
index 8a00bac..5c504d3 100644
--- a/templates/track.templ
+++ b/templates/track.templ
@@ -46,7 +46,7 @@ templ TrackPlayer() {
 
 templ Track(t sc.Track, stream string) {
 	if t.Artwork != "" {
-		<img src={ t.Artwork } class={ ViewTransition("t" + t.ID) }/>
+		<img src={ t.Artwork } class={ ViewTransition("t" + t.ID) } width="300px"/>
 	}
 	<h1>{ t.Title }</h1>
 	<audio id="track" src={ stream } controls></audio>
@@ -100,7 +100,7 @@ templ TrackEmbed(t sc.Track, stream string) {
 		</head>
 		<body>
 			if t.Artwork != "" {
-				<img src={ t.Artwork }/>
+				<img src={ t.Artwork } width="300px"/>
 			}
 			<h1>{ t.Title }</h1>
 			<audio id="track" src={ stream } controls></audio>
diff --git a/templates/user.templ b/templates/user.templ
index 7257d18..dc46429 100644
--- a/templates/user.templ
+++ b/templates/user.templ
@@ -18,7 +18,7 @@ templ UserHeader(u sc.User) {
 templ UserBase(u sc.User) {
 	<div>
 		if u.Avatar != "" {
-			<img src={ u.Avatar }/>
+			<img src={ u.Avatar } class={ ViewTransition("u" + u.ID) } width="300px"/>
 		}
 		<h1>{ u.Username }</h1>
 		if u.FullName != "" {
@@ -151,7 +151,7 @@ templ SearchUsers(p *sc.Paginated[*sc.User]) {
 		for _, user := range p.Collection {
 			<a class="listing" href={ templ.URL("/" + user.Permalink) }>
 				if user.Avatar != "" {
-					<img src={ user.Avatar }/>
+					<img src={ user.Avatar } class={ ViewTransition("u" + user.ID) }/>
 				} else {
 					<img src="/placeholder.jpg"/>
 				}
