diff --git a/app/pages/messages.vue b/app/pages/messages.vue
index 8307916..796e405 100644
--- a/app/pages/messages.vue
+++ b/app/pages/messages.vue
@@ -61,16 +61,23 @@ function channelLabel(channel: TemplateChannel['channel']) {
             </h3>
 
             <div class="mt-3 rounded-[20px] bg-[#f8fbf9] p-4">
-              <div v-if="channel.subject" class="space-y-1">
-                <p class="text-xs font-semibold uppercase tracking-[0.12em] text-[#5c7b69]">
-                  Тема
-                </p>
-                <p class="text-sm font-semibold text-[#123824]">
-                  {{ channel.subject }}
-                </p>
+              <div
+                v-if="channel.subject"
+                class="mb-4 rounded-[16px] border border-[#d7e4dc] bg-white/80 p-3"
+              >
+                <div class="flex items-center gap-3">
+                  <span class="badge border-0 bg-[#123824] px-3 py-3 text-[0.7rem] font-bold uppercase tracking-[0.12em] text-white">
+                    Тема
+                  </span>
+                  <p class="text-sm font-semibold text-[#123824]">
+                    {{ channel.subject }}
+                  </p>
+                </div>
+
+                <div class="mt-3 h-px bg-[#d7e4dc]" />
               </div>
 
-              <div class="mt-3 space-y-3 text-sm leading-6 text-[#123824]">
+              <div class="space-y-3 text-sm leading-6 text-[#123824]">
                 <p
                   v-for="line in channel.body"
                   :key="line"