fix: Cursor pointer only on title hover

app/configurator/components/dataset-browse.tsx

@@ -1060,18 +1060,17 @@ const useResultStyles = makeStyles((theme: Theme) => ({
   root: {
     position: "relative",
     color: theme.palette.grey[700],
-    cursor: "pointer",
     textAlign: "left",
     padding: `${theme.spacing(4)} 0`,
     borderTopColor: theme.palette.grey[300],
     borderTopStyle: "solid",
     borderTopWidth: 1,
     boxShadow: "none",
-
-    "& .MuiTypography-body1": {},
   },
 
   title: {
+    display: "inline-block",
+    cursor: "pointer",
     "&:hover": {
       textDecoration: "underline",
     },
@@ -1140,8 +1139,8 @@ export const DatasetResult = ({
   const classes = useResultStyles();
   return (
     <MotionCard {...smoothPresenceProps} elevation={1} className={classes.root}>
-      <Stack spacing={2} sx={{ mb: 6 }}>
-        <Flex sx={{ justifyContent: "space-between" }}>
+      <Stack spacing={2} sx={{ mb: 6, alignItems: "flex-start" }}>
+        <Flex sx={{ justifyContent: "space-between", width: "100%" }}>
           <Typography variant="body2" fontWeight={700} gutterBottom={false}>
             {datePublished ? <DateFormat date={datePublished} /> : null}
           </Typography>