diff --git a/src/client/dd-hub-react/src/sections/document/doc-item.tsx b/src/client/dd-hub-react/src/sections/document/doc-item.tsx
index a1fe656..a949e12 100644
--- a/src/client/dd-hub-react/src/sections/document/doc-item.tsx
+++ b/src/client/dd-hub-react/src/sections/document/doc-item.tsx
@@ -45,7 +45,7 @@ export function DocItem({
     //#endregion
 
     const [openViewDoc, setOpenViewDoc] = useState(false);
-    
+
     const renderTitle = (
         <Link
             color="inherit"
@@ -151,6 +151,15 @@ export function DocItem({
         />
     );
 
+    sx ??= {
+        cursor: 'pointer',
+        transition: 'transform 0.3s ease, box-shadow 0.3s ease',
+        '&:hover': {
+            transform: 'scale(1.03)',
+            boxShadow: 6,
+        }
+    }
+
     return (
         <Card sx={sx} {...other}>
             <Box