diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index 40394083..457cab4f 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -126,6 +126,7 @@ function emitUpdate(track: Track) {
   text-align: left;
   gap: $small;
   user-select: none;
+  text-transform: capitalize;
 
   @include tablet-landscape {
     grid-template-columns: 1.5rem 1.5fr 1fr 1fr 2.5rem;
@@ -151,7 +152,6 @@ function emitUpdate(track: Track) {
 
   .song-album {
     word-break: break-all;
-    text-transform: capitalize;
     max-width: max-content;
     cursor: pointer;
 
diff --git a/src/components/shared/TrackItem.vue b/src/components/shared/TrackItem.vue
index b83aec55..110b3a2b 100644
--- a/src/components/shared/TrackItem.vue
+++ b/src/components/shared/TrackItem.vue
@@ -99,6 +99,7 @@ const playThis = (track: Track) => {
   position: relative;
   height: 4rem;
   padding: 0.5rem 0.5rem 0.5rem 4rem;
+  text-transform: capitalize;
 
   &:hover {
     cursor: pointer;