diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 3dda156..e95cf2d 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,11 +4,9 @@
-
-
-
+
-
+
@@ -493,15 +491,7 @@
-
-
-
-
- 1742961898820
-
-
-
- 1742961898820
+
@@ -887,7 +877,15 @@
1752079671580
-
+
+
+ 1752079879005
+
+
+
+ 1752079879005
+
+
@@ -934,7 +932,6 @@
-
@@ -959,7 +956,8 @@
-
+
+
false
diff --git a/src/pages/tools-by-category/index.tsx b/src/pages/tools-by-category/index.tsx
index 519ead8..947862e 100644
--- a/src/pages/tools-by-category/index.tsx
+++ b/src/pages/tools-by-category/index.tsx
@@ -1,4 +1,11 @@
-import { Box, Divider, Stack, TextField, useTheme } from '@mui/material';
+import {
+ Box,
+ Divider,
+ Stack,
+ TextField,
+ styled,
+ useTheme
+} from '@mui/material';
import Grid from '@mui/material/Grid';
import Typography from '@mui/material/Typography';
import { Link, useNavigate, useParams } from 'react-router-dom';
@@ -15,6 +22,11 @@ import ArrowBackIcon from '@mui/icons-material/ArrowBack';
import SearchIcon from '@mui/icons-material/Search';
import { Helmet } from 'react-helmet';
+const StyledLink = styled(Link)(({ theme }) => ({
+ '&:hover': {
+ color: theme.palette.mode === 'dark' ? 'white' : theme.palette.primary.light
+ }
+}));
export default function ToolsByCategory() {
const navigate = useNavigate();
const theme = useTheme();
@@ -102,14 +114,14 @@ export default function ToolsByCategory() {
color={categoriesColors[index % categoriesColors.length]}
/>
-
{tool.name}
-
+
{tool.shortDescription}