diff --git a/frontend/src/components/SwipeCard.tsx b/frontend/src/components/SwipeCard.tsx
index ea685ed..4ed15c4 100644
--- a/frontend/src/components/SwipeCard.tsx
+++ b/frontend/src/components/SwipeCard.tsx
@@ -92,17 +92,14 @@ export function SwipeCard({ feature, onSwipe, onTap, isTop, stackIndex }: SwipeC
 
   return (
     <animated.div
-      {...(isTop ? bind() : {})}
       style={{
         ...style,
-        touchAction: 'none',
         position: 'absolute' as const,
         width: '100%',
         height: '100%',
         zIndex: 10 - stackIndex,
         top: stackIndex * 8,
       }}
-      className="cursor-grab active:cursor-grabbing"
     >
       <div className="relative bg-background rounded-2xl border shadow-lg overflow-hidden mx-4 h-full flex flex-col">
         {/* Color overlay */}
@@ -160,8 +157,12 @@ export function SwipeCard({ feature, onSwipe, onTap, isTop, stackIndex }: SwipeC
           </button>
         </div>
 
-        {/* Details — bottom half */}
-        <div className="flex-1 min-h-0 p-4 flex flex-col gap-3 overflow-y-auto">
+        {/* Details — bottom half (swipe here to like/dislike) */}
+        <div
+          {...(isTop ? bind() : {})}
+          className="flex-1 min-h-0 p-4 flex flex-col gap-3 overflow-y-auto cursor-grab active:cursor-grabbing"
+          style={{ touchAction: 'none' }}
+        >
           {/* Price */}
           <div className="text-2xl font-semibold">
             £{p.total_price.toLocaleString()}