diff --git a/src/components/Universe/Graph/Cubes/Cube/components/Tooltip/index.tsx b/src/components/Universe/Graph/Cubes/Cube/components/Tooltip/index.tsx index 4fc4b1327..fbd3cd24b 100644 --- a/src/components/Universe/Graph/Cubes/Cube/components/Tooltip/index.tsx +++ b/src/components/Universe/Graph/Cubes/Cube/components/Tooltip/index.tsx @@ -12,11 +12,13 @@ const Wrapper = styled(Flex)(({ theme }) => ({ top: '65px', right: '55px', width: '300px', - pointerEvents: 'none', + pointerEvents: 'auto', background: colors.dashboardHeader, boxShadow: '0px 1px 6px rgba(0, 0, 0, 0.1)', color: colors.primaryText1, zIndex: 100, + maxHeight: '400px', + overflowY: 'auto', transition: 'opacity 0.6s', padding: theme.spacing(2, 3), [theme.breakpoints.down('sm')]: { diff --git a/src/components/Universe/Overlay/index.tsx b/src/components/Universe/Overlay/index.tsx index 126026f59..38deb9c83 100644 --- a/src/components/Universe/Overlay/index.tsx +++ b/src/components/Universe/Overlay/index.tsx @@ -32,6 +32,7 @@ const OverlayWrap = styled('div')(({ theme }) => ({ height: '100%', width: '100%', padding: '16px', + overflow: 'hidden', [theme.breakpoints.down('sm')]: { top: 50, },