diff --git a/app/client/components/sortable-card.tsx b/app/client/components/sortable-card.tsx
index bca84b7f..d5b8897d 100644
--- a/app/client/components/sortable-card.tsx
+++ b/app/client/components/sortable-card.tsx
@@ -24,7 +24,7 @@ export function SortableCard({ isDragging, uniqueId, children }: PropsWithChildr
 			<div
 				{...attributes}
 				{...listeners}
-				className="absolute left-1/2 -translate-x-1/2 top-1 z-10 cursor-grab active:cursor-grabbing opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-muted/50 bg-background/80 backdrop-blur-sm"
+				className="absolute left-1/2 -translate-x-1/2 top-1 z-10 cursor-grab active:cursor-grabbing opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-muted/50 bg-background/80 backdrop-blur-sm"
 			>
 				<GripVertical className="h-4 w-4 text-muted-foreground rotate-90" />
 			</div>