diff --git a/source/templates/classic/partials/music.ejs b/source/templates/classic/partials/music.ejs
index cc0d6f07..c23dfcc4 100644
--- a/source/templates/classic/partials/music.ejs
+++ b/source/templates/classic/partials/music.ejs
@@ -22,9 +22,9 @@
             <div class="tracklist">
               <% for (const {name = "", artist = "", artwork = "", played_at = ""} of plugins.music.tracks) { %>
                 <div class="track">
-                  <img src="<%= artwork %>" width="<%= plugins.music.played_at && played_at ? 48 : 32 %>" height="<%= plugins.music.played_at && played_at ? 48 : 32 %>" alt=""/>
+                  <img src="<%= artwork %>" width="32" height="32" alt=""/>
                   <div class="infos">
-                    <div class="name"><%= name %></div>
+                    <div class="name" style="width: <%= large ? 774 : columns ? '100%' : 387 %>"><%= name %></div>
                     <div class="artist"><%= artist %></div>
                     <% if (plugins.music.played_at && played_at) { %>
                         <div class="played-at">Played at <%= played_at %></div>
diff --git a/source/templates/classic/style.css b/source/templates/classic/style.css
index 2342fec9..2d084468 100644
--- a/source/templates/classic/style.css
+++ b/source/templates/classic/style.css
@@ -468,7 +468,11 @@
   .track .name {
     font-size: 14px;
     line-height: 14px;
+    height: 14px;
     font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   .track .artist, .track .played-at {
     font-size: 12px;