diff --git a/TODO.md b/TODO.md
index e5ac3c7..965858c 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,4 +1,11 @@
 # TODO
+push offers
+
+listen / notify
+    on offers
+        notify admins
+
+
 contact options on landing page
 
 move want add to rpc
@@ -9,10 +16,5 @@ status stepper
 
 queue up wantlist adds to gracefully handle rate limiting
 
-push offers
-
-listen / notify
-    on offers
-        notify admins
 
 
diff --git a/client/src/components/offer.group.tsx b/client/src/components/offer.group.tsx
index 092dcd6..2cbb83c 100644
--- a/client/src/components/offer.group.tsx
+++ b/client/src/components/offer.group.tsx
@@ -58,12 +58,16 @@ function OfferPriceBtn(offer) {
 export default function OfferGroup(group, i) {
     const ws = useSelector((state: State) => state.ws);
 
+    const format = group.details.formats[0].text ? `${group.details.formats[0].text} - ` : '';
+    const descriptions = group.details.formats.map(f => f.descriptions.join(' ')).join(' ')
+    const detailText = `${format} ${descriptions}`;
+
     return (
         <div class="offer" key={i}>
             <section>
                 <h3>{group.details.artists_sort} - {group.details.title} <a href={group.details.uri} target="_blank"><ExternalLink /></a></h3>
                 <div class='alt-text details'>
-                    {group.details.year} - {group.details.formats.map(f => f.descriptions.join(' ')).join(' ')}
+                    {group.details.year} - {detailText}
                 </div>
                 <div class='alt-text details'>Status: {group.status}</div>
             </section>