diff --git a/src/renderer/pages/MeetingModePage.tsx b/src/renderer/pages/MeetingModePage.tsx
index 6d4c618..1e22f0e 100644
--- a/src/renderer/pages/MeetingModePage.tsx
+++ b/src/renderer/pages/MeetingModePage.tsx
@@ -261,49 +261,49 @@ export function MeetingModePage(): React.ReactElement {
                 }}
               >
               <MetalCard>
-                {/* 상태 LED + 날짜 */}
-                <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 1 }}>
-                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>
-                    <Led color={statusColor(session.status)} size={6} />
-                    <PhosphorText variant="dim" sx={{ fontSize: d3roTypo.meta.size }}>
-                      {session.status === 'completed' ? t('meeting.completed')
-                        : session.status === 'error' ? t('meeting.error')
-                        : session.status === 'processing' ? t('meeting.processing')
-                        : t('meeting.recording')}
-                    </PhosphorText>
-                  </Box>
-                  <PhosphorText variant="dim" sx={{ fontSize: d3roTypo.meta.size }}>
-                    {formatDate(session.startedAt)}
-                  </PhosphorText>
-                </Box>
-
-                {/* 제목 — ellipsis */}
+                {/* 제목 — 여러 줄 허용 */}
                 <PhosphorText
-                  variant="compact"
+                  variant="heading"
                   sx={{
+                    display: '-webkit-box',
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: 'vertical',
                     overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    display: 'block',
-                    mb: 0.5,
+                    mb: 1.5,
                   }}
                 >
                   {session.title ?? t('meeting.untitled')}
                 </PhosphorText>
 
-                {/* 메타 — 소요 시간 · 메모 수 */}
-                <PhosphorText variant="dim" sx={{
-                  fontSize: d3roTypo.meta.size,
-                  overflow: 'hidden',
-                  textOverflow: 'ellipsis',
-                  whiteSpace: 'nowrap',
-                }}>
-                  {session.durationMs != null
-                    ? t('meeting.duration', { minutes: Math.round(session.durationMs / 60000) })
-                    : '—'}
-                  {' · '}
-                  {t('meeting.memos')}: {session.memoCount}
-                </PhosphorText>
+                {/* 정보 그리드 */}
+                <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.75, mb: 1.5 }}>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                    <PhosphorText variant="dim" sx={{ fontSize: d3roTypo.meta.size, fontFamily: d3roFontMono }}>
+                      {formatDate(session.startedAt)}
+                    </PhosphorText>
+                  </Box>
+                  <Box sx={{ display: 'flex', gap: 1.5 }}>
+                    <PhosphorText variant="dim" sx={{ fontSize: d3roTypo.meta.size, fontFamily: d3roFontMono }}>
+                      {session.durationMs != null
+                        ? t('meeting.duration', { minutes: Math.round(session.durationMs / 60000) })
+                        : '—'}
+                    </PhosphorText>
+                    <PhosphorText variant="dim" sx={{ fontSize: d3roTypo.meta.size, fontFamily: d3roFontMono }}>
+                      {t('meeting.memos')}: {session.memoCount}
+                    </PhosphorText>
+                  </Box>
+                </Box>
+
+                {/* 하단 — 상태 표시 */}
+                <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, pt: 1, borderTop: `1px solid ${d3roPalette.border.subtle}` }}>
+                  <Led color={statusColor(session.status)} size={6} />
+                  <PhosphorText variant="dim" sx={{ fontSize: d3roTypo.label.size, textTransform: 'uppercase', letterSpacing: d3roTypo.label.spacing }}>
+                    {session.status === 'completed' ? t('meeting.completed')
+                      : session.status === 'error' ? t('meeting.error')
+                      : session.status === 'processing' ? t('meeting.processing')
+                      : t('meeting.recording')}
+                  </PhosphorText>
+                </Box>
 
                 {/* 프로세싱 진행 바 */}
                 {session.status === 'processing' && progress && progress.sessionId === session.id && (