diff --git a/apps/frontend/src/renderer/components/TaskCard.tsx b/apps/frontend/src/renderer/components/TaskCard.tsx
index 87ee9751..994342cd 100644
--- a/apps/frontend/src/renderer/components/TaskCard.tsx
+++ b/apps/frontend/src/renderer/components/TaskCard.tsx
@@ -268,15 +268,24 @@ export const TaskCard = memo(function TaskCard({ task, onClick }: TaskCardProps)
       onClick={onClick}
     >
       <CardContent className="p-4">
-        {/* Header - improved visual hierarchy */}
-        <div className="flex items-start justify-between gap-3">
-          <h3
-            className="font-semibold text-sm text-foreground line-clamp-2 leading-snug flex-1 min-w-0"
-            title={task.title}
-          >
-            {task.title}
-          </h3>
-          <div className="flex items-center gap-1.5 shrink-0 flex-wrap justify-end max-w-[180px]">
+        {/* Title - full width, no wrapper */}
+        <h3
+          className="font-semibold text-sm text-foreground line-clamp-2 leading-snug"
+          title={task.title}
+        >
+          {task.title}
+        </h3>
+
+        {/* Description - sanitized to handle markdown content (memoized) */}
+        {sanitizedDescription && (
+          <p className="mt-2 text-xs text-muted-foreground line-clamp-2">
+            {sanitizedDescription}
+          </p>
+        )}
+
+        {/* Metadata badges */}
+        {(task.metadata || isStuck || isIncomplete || hasActiveExecution || reviewReasonInfo) && (
+          <div className="mt-2.5 flex flex-wrap gap-1.5">
             {/* Stuck indicator - highest priority */}
             {isStuck && (
               <Badge
@@ -338,21 +347,8 @@ export const TaskCard = memo(function TaskCard({ task, onClick }: TaskCardProps)
                 {reviewReasonInfo.label}
               </Badge>
             )}
-          </div>
-        </div>
-
-        {/* Description - sanitized to handle markdown content (memoized) */}
-        {sanitizedDescription && (
-          <p className="mt-2 text-xs text-muted-foreground line-clamp-2">
-            {sanitizedDescription}
-          </p>
-        )}
-
-        {/* Metadata badges */}
-        {task.metadata && (
-          <div className="mt-2.5 flex flex-wrap gap-1.5">
             {/* Category badge with icon */}
-            {task.metadata.category && (
+            {task.metadata?.category && (
               <Badge
                 variant="outline"
                 className={cn('text-[10px] px-1.5 py-0', TASK_CATEGORY_COLORS[task.metadata.category])}
@@ -367,7 +363,7 @@ export const TaskCard = memo(function TaskCard({ task, onClick }: TaskCardProps)
               </Badge>
             )}
             {/* Impact badge - high visibility for important tasks */}
-            {task.metadata.impact && (task.metadata.impact === 'high' || task.metadata.impact === 'critical') && (
+            {task.metadata?.impact && (task.metadata.impact === 'high' || task.metadata.impact === 'critical') && (
               <Badge
                 variant="outline"
                 className={cn('text-[10px] px-1.5 py-0', TASK_IMPACT_COLORS[task.metadata.impact])}
@@ -376,7 +372,7 @@ export const TaskCard = memo(function TaskCard({ task, onClick }: TaskCardProps)
               </Badge>
             )}
             {/* Complexity badge */}
-            {task.metadata.complexity && (
+            {task.metadata?.complexity && (
               <Badge
                 variant="outline"
                 className={cn('text-[10px] px-1.5 py-0', TASK_COMPLEXITY_COLORS[task.metadata.complexity])}
@@ -385,7 +381,7 @@ export const TaskCard = memo(function TaskCard({ task, onClick }: TaskCardProps)
               </Badge>
             )}
             {/* Priority badge - only show urgent/high */}
-            {task.metadata.priority && (task.metadata.priority === 'urgent' || task.metadata.priority === 'high') && (
+            {task.metadata?.priority && (task.metadata.priority === 'urgent' || task.metadata.priority === 'high') && (
               <Badge
                 variant="outline"
                 className={cn('text-[10px] px-1.5 py-0', TASK_PRIORITY_COLORS[task.metadata.priority])}
@@ -394,12 +390,12 @@ export const TaskCard = memo(function TaskCard({ task, onClick }: TaskCardProps)
               </Badge>
             )}
             {/* Security severity - always show */}
-            {task.metadata.securitySeverity && (
+            {task.metadata?.securitySeverity && (
               <Badge
                 variant="outline"
                 className={cn('text-[10px] px-1.5 py-0', TASK_IMPACT_COLORS[task.metadata.securitySeverity])}
               >
-                {task.metadata.securitySeverity} severity
+                {task.metadata.securitySeverity} {t('metadata.severity')}
               </Badge>
             )}
           </div>
diff --git a/apps/frontend/src/shared/i18n/locales/en/tasks.json b/apps/frontend/src/shared/i18n/locales/en/tasks.json
index 8602b8a2..403a1d61 100644
--- a/apps/frontend/src/shared/i18n/locales/en/tasks.json
+++ b/apps/frontend/src/shared/i18n/locales/en/tasks.json
@@ -95,5 +95,8 @@
     "retry": "Retry",
     "selectFile": "Select a file to view its contents",
     "openInIDE": "Open in IDE"
+  },
+  "metadata": {
+    "severity": "severity"
   }
 }
diff --git a/apps/frontend/src/shared/i18n/locales/fr/tasks.json b/apps/frontend/src/shared/i18n/locales/fr/tasks.json
index ea3e5b38..404a5a8a 100644
--- a/apps/frontend/src/shared/i18n/locales/fr/tasks.json
+++ b/apps/frontend/src/shared/i18n/locales/fr/tasks.json
@@ -95,5 +95,8 @@
     "retry": "Réessayer",
     "selectFile": "Sélectionnez un fichier pour voir son contenu",
     "openInIDE": "Ouvrir dans l'IDE"
+  },
+  "metadata": {
+    "severity": "sévérité"
   }
 }
diff --git a/implementation_plan.json b/implementation_plan.json
index d44f4f68..ae64097a 100644
--- a/implementation_plan.json
+++ b/implementation_plan.json
@@ -1,24 +1,30 @@
 {
-  "spec_id": "011-fix-scale-adjustment-and-view-reload-issues",
+  "spec_id": "025-improving-task-card-title-readability",
   "subtasks": [
     {
       "id": "1",
-      "title": "Fix slider to defer view reload until drag ends and add zoom button functionality",
+      "title": "Restructure TaskCard header: Remove flex wrapper around title, make title standalone with full width",
+      "status": "completed"
+    },
+    {
+      "id": "2",
+      "title": "Relocate status badges from header to metadata section",
+      "status": "completed"
+    },
+    {
+      "id": "3",
+      "title": "Add localization for security severity badge label",
       "status": "completed"
     }
   ],
   "qa_signoff": {
     "status": "fixes_applied",
-    "timestamp": "2025-12-27T02:20:00Z",
-    "fix_session": 0,
+    "timestamp": "2026-01-01T11:58:40Z",
+    "fix_session": 1,
     "issues_fixed": [
       {
-        "title": "Remove preview hint textbox",
-        "fix_commit": "2653019"
-      },
-      {
-        "title": "Remove unused preview translation keys",
-        "fix_commit": "e17536c"
+        "title": "Missing localization for hardcoded 'severity' string in TaskCard",
+        "fix_commit": "de0c8e4"
       }
     ],
     "ready_for_qa_revalidation": true