diff --git a/components/sprint/sprint-backlog.tsx b/components/sprint/sprint-backlog.tsx
index 5cbd2ef..a94476e 100644
--- a/components/sprint/sprint-backlog.tsx
+++ b/components/sprint/sprint-backlog.tsx
@@ -320,10 +320,8 @@ function DraggablePbiStoryRow({
     <div
       ref={setNodeRef}
       style={style}
-      onClick={!isDemo ? onAdd : undefined}
       className={cn(
         'px-2 py-1',
-        !isDemo && 'cursor-pointer',
         isDemo && 'opacity-60',
         isDragging && 'opacity-40'
       )}
@@ -331,7 +329,6 @@ function DraggablePbiStoryRow({
       <div className={cn(
         'flex items-center gap-2 rounded border border-border px-3 py-2 transition-colors bg-surface-container',
         PRIORITY_BORDER[story.priority],
-        !isDemo && 'hover:bg-surface-container-high'
       )}>
         {!isDemo && (
           <span
@@ -339,7 +336,6 @@ function DraggablePbiStoryRow({
             {...listeners}
             aria-label="Sleep naar Sprint Backlog"
             className="text-muted-foreground cursor-grab active:cursor-grabbing shrink-0 select-none text-sm"
-            onClick={e => e.stopPropagation()}
           >
             ⠿
           </span>
@@ -356,7 +352,12 @@ function DraggablePbiStoryRow({
           </div>
         </div>
         {!isDemo && (
-          <span className="text-xs text-muted-foreground shrink-0">+ toevoegen</span>
+          <button
+            onClick={onAdd}
+            className="text-xs text-primary hover:underline shrink-0"
+          >
+            + Toevoegen
+          </button>
         )}
       </div>
     </div>