diff --git a/package.json b/package.json
index e8d3855..e414f02 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
     "lucide-react": "^0.462.0",
     "next": "15.0.3",
     "react": "19.0.0-rc-66855b96-20241106",
-    "react-dom": "19.0.0-rc-66855b96-20241106"
+    "react-dom": "19.0.0-rc-66855b96-20241106",
+    "react-icons": "^5.0.1"
   },
   "devDependencies": {
     "@types/next": "^8.0.7",
diff --git a/src/components/ServiceCard.tsx b/src/components/ServiceCard.tsx
index 57f14ed..f4b90db 100644
--- a/src/components/ServiceCard.tsx
+++ b/src/components/ServiceCard.tsx
@@ -11,7 +11,7 @@ export default function ServiceCard(service: ServiceInfo) {
     <>
       <div 
         onClick={() => setIsOpen(true)}
-        className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer border border-blue-100"
+        className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-all duration-200 cursor-pointer border-4 border-blue-100 hover:border-blue-900"
       >
         <div className="flex items-center justify-center mb-4">
           {service.icon}