diff --git a/apps/code/src/renderer/components/HeaderRow.tsx b/apps/code/src/renderer/components/HeaderRow.tsx
index d8ddeb943..a3deb63a1 100644
--- a/apps/code/src/renderer/components/HeaderRow.tsx
+++ b/apps/code/src/renderer/components/HeaderRow.tsx
@@ -83,8 +83,12 @@ export function HeaderRow() {
           align="center"
           justify="between"
           px="3"
-          flexGrow="1"
-          style={{ height: "100%", overflow: "hidden" }}
+          style={{
+            height: "100%",
+            overflow: "hidden",
+            minWidth: 0,
+            flex: "1 1 0px",
+          }}
         >
           {content}
         </Flex>
diff --git a/apps/code/src/renderer/features/task-detail/components/TaskDetail.tsx b/apps/code/src/renderer/features/task-detail/components/TaskDetail.tsx
index 464e563d3..22a900d08 100644
--- a/apps/code/src/renderer/features/task-detail/components/TaskDetail.tsx
+++ b/apps/code/src/renderer/features/task-detail/components/TaskDetail.tsx
@@ -18,7 +18,7 @@ import { useWorkspace } from "@features/workspace/hooks/useWorkspace";
 import { useBlurOnEscape } from "@hooks/useBlurOnEscape";
 import { useFileWatcher } from "@hooks/useFileWatcher";
 import { useSetHeaderContent } from "@hooks/useSetHeaderContent";
-import { Box, Flex, Text } from "@radix-ui/themes";
+import { Box, Flex, Text, Tooltip } from "@radix-ui/themes";
 import type { Task } from "@shared/types";
 import { useQueryClient } from "@tanstack/react-query";
 import { logger } from "@utils/logger";
@@ -139,15 +139,17 @@ export function TaskDetail({ task: initialTask }: TaskDetailProps) {
             onCancel={handleTitleEditCancel}
           />
         ) : (
-          <Text
-            size="1"
-            weight="medium"
-            truncate
-            className="no-drag min-w-0"
-            onDoubleClick={() => setIsEditingTitle(true)}
-          >
-            {task.title}
-          </Text>
+          <Tooltip content={task.title} side="bottom" delayDuration={300}>
+            <Text
+              size="1"
+              weight="medium"
+              truncate
+              className="no-drag min-w-0"
+              onDoubleClick={() => setIsEditingTitle(true)}
+            >
+              {task.title}
+            </Text>
+          </Tooltip>
         )}
         {openTargetPath && (
           <Flex align="center" gap="2" className="shrink-0">