How do I vertically center the cursor in this text area?

I have read through many posts and tried many methods, including adding a line-height attribute, but I cannot seem to get the cursor in this textarea to be vertically centered.

It is important that the position remains absolute. Here is the CSS for the textarea:

.tile-text-input {
    height: 23%;
    width: 70%;
    position: absolute;
    left: 50%;
    bottom: 30%;
    transform: translate(-50%);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
}