how to put a constant placeholder in the top left corner of the input? (React.js + antd + styledComponents)

I have an Input component (by antd) that I want to design is such a way that the placeholder text will be always constant, small, and in the top left corner of the component.

I currently have managed to put it the left top corner, but not the constant part:

const MyInput = styled(Input)`
  ::placeholder {
    font-size: 14px;
    width: 200px;
    position: absolute;
    pointer-events: none;
    left: 4px;
    top: 0px;
  }
  height: 50px;
`;

<MyInput style={{ width: "50vw" }} placeholder={"name here"} />