diff --git a/src/music.js b/src/music.js
index 5cf9f6b..6677523 100644
--- a/src/music.js
+++ b/src/music.js
@@ -247,6 +247,7 @@ export default class MusicList {
                 alignItems: 'center',
                 justifyContent: 'space-between',
                 gap: '.25rem',
+                maxWidth: '100%',
             },
             children: [
                 ...(item.picture ? [Img({
@@ -254,6 +255,12 @@ export default class MusicList {
                     style: { width: '2em', height: '2em', borderRadius: '.25em' }
                 })] : []),
                 Span({
+                    style: {
+                        flex: 1,
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        overflowX: 'hidden',
+                    },
                     title: `${item.name} - ${bytesToSize(item.size)} - ${item.type}`,
                     textContent: `${item.name} - ${bytesToSize(item.size)}`,
                     onclick: event => {