From d9928f4f2edb5cc6abb23b988d76c556be15bbf7 Mon Sep 17 00:00:00 2001
From: santiagosayshey <schau22@pm.me>
Date: Fri, 16 Aug 2024 15:49:04 +0930
Subject: [PATCH] style(ui): Refine AddNewCard styling for instant border
 highlight on hover

---
 frontend/src/components/ui/AddNewCard.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/ui/AddNewCard.jsx b/frontend/src/components/ui/AddNewCard.jsx
index 9c11ce5..9f0cece 100644
--- a/frontend/src/components/ui/AddNewCard.jsx
+++ b/frontend/src/components/ui/AddNewCard.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 function AddNewCard({ onAdd }) {
   return (
     <div
-      className="bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl rounded-lg p-4 cursor-pointer border-2 border-dashed border-gray-400 dark:border-gray-600 flex items-center justify-center transition-all duration-300 ease-in-out transform hover:-translate-y-1"
+      className="bg-white dark:bg-gray-800 border-2 border-dashed border-gray-400 dark:border-gray-600 rounded-lg p-4 shadow-sm cursor-pointer hover:border-blue-400 dark:hover:border-blue-500 flex items-center justify-center"
       onClick={onAdd}
       style={{ minHeight: '150px' }}
     >