Make a drei html component fit the surface of a cube

Questions
,
1

Hi,

How I can make a html fit the surface of a cube ? FOr the moment, my html part is centered on this face but not linked to its size. How to do ? Here’s my code :

return (
    <mesh
      onClick={handleClick}
      scale={[0.95, 0.95, 0.95]}
      position={[positionx, 0, positiony]}
      ref={ref}

    >
      <boxGeometry args={[widthbox, widthbox, heightbox]} />
      <meshStandardMaterial color={"white"} />


      <mesh position={[0.0, 0.1 + heightbox / 2, 0]} rotation-x={-Math.PI / 2}>
        <Html
          //   occlude
          material={<meshStandardMaterial color={"blue"} />}
          //   occlude="blending"
          transform
          className="h-full w-full bg-black"
          style={{
            width: (size.width * 0.9) / 5,
            height: size.height / 4,
          }}
          fullscreen
          as="div"
        >
          <TopLane>