diff --git a/css/media-library-window.css b/css/media-library-window.css
index 54a9f45a..fdb9ab78 100644
--- a/css/media-library-window.css
+++ b/css/media-library-window.css
@@ -1,5 +1,5 @@
 #webamp-media-library {
-    font-size: 10px;
+    font-size: 11px;
     font-family: "MS Sans Serif", "Segoe UI", sans-serif;
     -webkit-font-smoothing: none;
     padding-right: 2px;
@@ -78,4 +78,11 @@
     cursor: inherit;
     /* TODO: I think only the center is supposed to stretch */
     background-size: 100% 18px;
+    min-width: 53px;
+    margin-right: 4px;
+}
+
+#webamp-media-library-track-summary-duration {
+    /* This plus the margin-right on the button add up to 8px; */
+    margin-left: 4px;
 }
diff --git a/js/components/MediaLibraryWindow/TracksTable.tsx b/js/components/MediaLibraryWindow/TracksTable.tsx
index 9732adca..702ecada 100644
--- a/js/components/MediaLibraryWindow/TracksTable.tsx
+++ b/js/components/MediaLibraryWindow/TracksTable.tsx
@@ -87,7 +87,9 @@ class TracksTable extends React.Component<StateProps, State> {
           <button>Enqueue</button>
           <button>Play all</button>
           <button>Enqueue all</button>
-          <span>1 item [3:25]</span>
+          <span id="webamp-media-library-track-summary-duration">
+            1 item [3:25]
+          </span>
         </div>
       </div>
     );