diff --git a/js/main.js b/js/main.js
index a868920..795ee9b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -421,8 +421,8 @@
         padding: 8px 10px;
         border-radius: 6px;
       }
-      .f7-ticket-card__title { font-size: 0.92rem; color: #333; }
-      .f7-ticket-card__title b { font-weight: 700; }
+      .f7-ticket-card__title { font-size: 0.92rem; color: #333; flex: 1; min-width: 0; line-height: 1.35; }
+      .f7-ticket-card__title b { font-weight: 700; word-break: break-word; }
       .f7-ticket-card__num { font-weight: 400; color: #777; margin-left: 4px; }
       .f7-ticket-card__status {
         flex-shrink: 0;
@@ -985,11 +985,12 @@
       ? '<span class="f7-unread-dot" title="Новое сообщение" aria-label="Новое сообщение"></span>'
       : "";
     const tn = escapeHtml(ticket.ticket_number);
+    const subj = escapeHtml(ticket.subject || "—");
     const st = escapeHtml(ticket.status);
     const stCls = clientTicketStatusClass(ticket.status);
     return `<li class="f7-ticket-card" data-ticket-number="${escapeHtml(ticket.ticket_number)}">
       <div class="f7-ticket-card__head">
-        <span class="f7-ticket-card__title"><b>Тема</b><span class="f7-ticket-card__num">#${tn}</span></span>
+        <span class="f7-ticket-card__title">Тема: <b>${subj}</b><span class="f7-ticket-card__num"> #${tn}</span></span>
         <span class="f7-ticket-card__status ${stCls}">${st}</span>
       </div>
       <div class="f7-ticket-card__body">