diff --git a/frontend/src/components/tasks/TaskRelationshipViewer.tsx b/frontend/src/components/tasks/TaskRelationshipViewer.tsx
index 9eac4593..a31e6304 100644
--- a/frontend/src/components/tasks/TaskRelationshipViewer.tsx
+++ b/frontend/src/components/tasks/TaskRelationshipViewer.tsx
@@ -8,7 +8,6 @@ import type {
   TaskWithAttemptStatus,
 } from 'shared/types';
 import { ChevronDown, ChevronRight } from 'lucide-react';
-import { cn } from '@/lib/utils';
 
 interface TaskRelationshipViewerProps {
   selectedAttempt: TaskAttempt | null;
@@ -148,17 +147,7 @@ export function TaskRelationshipViewer({
                 </div>
 
                 {childrenExpanded && (
-                  <div
-                    className={cn(
-                      'grid gap-4',
-                      // Responsive grid: 1 col on mobile, 2 on tablet, 3 on desktop
-                      'grid-cols-1 md:grid-cols-2 xl:grid-cols-3',
-                      // Adjust based on number of children
-                      childTasks.length === 1 &&
-                        'md:grid-cols-1 xl:grid-cols-1 max-w-md mx-auto',
-                      childTasks.length === 2 && 'md:grid-cols-2 xl:grid-cols-2'
-                    )}
-                  >
+                  <div className="flex flex-col gap-4">
                     {childTasks.map((childTask) => (
                       <TaskRelationshipCard
                         key={childTask.id}