createdByModal es básicamente un modal de chakra y estoy usando información sobre herramientas en él. Cada vez que paso el mouse sobre los íconos, la información sobre herramientas me muestra en la parte superior de la pantalla en lugar de encima del ícono. En la foto puede ver que se muestra el elemento ignorar en la esquina superior izquierda
const CreatedByModal = () => { return ( <Stack spacing={"4"} margin={"0px !important"} alignItems={"center"} px={{ base: "2", lg: "6" }} pt={"2"} > <HStack justifyContent={"space-between"}> <Tooltip bg={"white"} textAlign={"center"} color={"black"} placement="top" label="Tip" aria-label="A tooltip" > <AiFillWallet size={"1.2rem"} color={"#b1bad3"} /> </Tooltip> <Tooltip bg={"white"} textAlign={"center"} color={"black"} placement="top" label="Ignore" aria-label="A tooltip" > <AiFillEyeInvisible size={"1.2rem"} color={"#b1bad3"} /> </Tooltip> </HStack> </Stack> ); };¿Ha envuelto sus componentes que quieren la información sobre herramientas con forwardRef ?
https://chakra-ui.com/docs/components/tooltip#usage
O envuelva su componente de icono en un lapso