diff --git a/app/(dashboard)/stories/[id]/page.tsx b/app/(dashboard)/stories/[id]/page.tsx
index 54c1f77..e311f3f 100644
--- a/app/(dashboard)/stories/[id]/page.tsx
+++ b/app/(dashboard)/stories/[id]/page.tsx
@@ -51,6 +51,7 @@ import { useStory, useUpdateStory, useDeleteStory, useChangeStoryStatus } from '
 import { useEpic } from '@/lib/hooks/use-epics';
 import { useProject } from '@/lib/hooks/use-projects';
 import { StoryForm } from '@/components/projects/story-form';
+import { TaskList } from '@/components/tasks/task-list';
 import { formatDistanceToNow } from 'date-fns';
 import { toast } from 'sonner';
 import type { WorkItemStatus, WorkItemPriority } from '@/types/project';
@@ -267,22 +268,8 @@ export default function StoryDetailPage({ params }: StoryDetailPageProps) {
             </CardContent>
           </Card>
 
-          {/* Tasks Section - Placeholder for Story 2 */}
-          <Card>
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <CardTitle>Tasks</CardTitle>
-                <Button size="sm" disabled>
-                  Coming Soon
-                </Button>
-              </div>
-            </CardHeader>
-            <CardContent>
-              <p className="text-sm text-muted-foreground">
-                Task management will be available in the next update.
-              </p>
-            </CardContent>
-          </Card>
+          {/* Tasks Section - Sprint 4 Story 2 */}
+          <TaskList storyId={storyId} />
         </div>
 
         {/* Metadata Sidebar (1/3 width) */}