From 1c8c6c066bbe60cff8cee25c79c649184a00baf3 Mon Sep 17 00:00:00 2001
From: Devesh S <deveshdhanush73@gmail.com.com>
Date: Thu, 23 Jul 2026 11:36:41 +0530
Subject: [PATCH] ui: make orange left-border hover effect apply dynamically to
 all cards

---
 src/pages/Community/Community.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/pages/Community/Community.tsx b/src/pages/Community/Community.tsx
index 9109bc6..7079c62 100644
--- a/src/pages/Community/Community.tsx
+++ b/src/pages/Community/Community.tsx
@@ -456,14 +456,10 @@ export default function Community() {
                       return (
                         <StaggerItem key={q.id}>
                           <motion.div
-                            whileHover={{ y: -2, boxShadow: '0 8px 30px -4px rgba(0,0,0,0.08)', borderColor: '#CBD5E1' }}
+                            whileHover={{ y: -2, boxShadow: '0 12px 30px -4px rgba(249,115,22,0.08)' }}
                             onClick={() => handleCardClick(q.id)}
                             transition={{ duration: 0.2 }}
-                            className={`bg-white border rounded-2xl p-4 transition-all duration-300 cursor-pointer ${
-                              isFeatured
-                                ? 'border-l-4 border-l-[#F97316] border-[#E5E7EB]'
-                                : 'border-[#E5E7EB]'
-                            }`}
+                            className="bg-white border border-[#E5E7EB] border-l-4 border-l-transparent rounded-2xl p-4 transition-all duration-300 cursor-pointer hover:border-l-[#F97316]"
                             style={{ boxShadow: '0 2px 12px -3px rgba(0,0,0,0.05)' }}
                           >
                             <div className="flex items-start gap-3">