diff --git a/frontend/src/features/history/ui/HistoryList.vue b/frontend/src/features/history/ui/HistoryList.vue
index cb89b5e..ffbafa0 100644
--- a/frontend/src/features/history/ui/HistoryList.vue
+++ b/frontend/src/features/history/ui/HistoryList.vue
@@ -13,7 +13,14 @@
         <div class="item-main">
           <div class="item-header">
             <span class="item-filename">{{ analysis.documentFilename }}</span>
-            <span class="item-status" :class="statusClass(analysis.status)">
+            <span
+              v-if="analysis.status === 'COMPLETED'"
+              class="item-status status-completed"
+              :title="analysis.status"
+            >
+              <svg class="status-dot" viewBox="0 0 8 8" fill="currentColor"><circle cx="4" cy="4" r="4"/></svg>
+            </span>
+            <span v-else class="item-status" :class="statusClass(analysis.status)">
               {{ analysis.status }}
             </span>
           </div>
@@ -81,20 +88,26 @@ function duration(analysis: Analysis) {
 .history-items {
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 6px;
+  padding: 12px;
 }
 
 .history-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 14px 20px;
-  border-bottom: 1px solid var(--border);
-  transition: background var(--transition);
+  padding: 12px 16px;
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  transition: all 150ms ease;
   cursor: pointer;
 }
 
-.history-item:hover { background: var(--bg-hover); }
+.history-item:hover {
+  border-color: var(--accent);
+  background: var(--bg-elevated);
+}
 
 .item-main { flex: 1; min-width: 0; }
 
@@ -122,9 +135,14 @@ function duration(analysis: Analysis) {
   flex-shrink: 0;
 }
 
+.status-dot {
+  width: 8px;
+  height: 8px;
+}
+
 .status-pending { background: rgba(234, 179, 8, 0.15); color: var(--warning); }
 .status-running { background: rgba(59, 130, 246, 0.15); color: var(--info); }
-.status-completed { background: rgba(34, 197, 94, 0.15); color: var(--success); }
+.status-completed { background: none; color: var(--success); padding: 0; }
 .status-failed { background: rgba(239, 68, 68, 0.15); color: var(--error); }
 
 .item-meta {