I have two elements, one has position fixed, other don’t have any position. How can I place the first element above the second?

Here is example, I need to place the tooltip higher, above the text. So how can I do this with HTML or CSS?

base styles of first element :

          backgroundColor: "#fff",
          color: "#000",
          borderRadius: 5,
          position: fixed,
          border: 1px solid #000

the second element styles:

    opacity: 1;
    position: relative;
    z-index: 0;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;