Displaying long input value

Hello,
I have an input field for team name, that user can edit and save.

The input field has a W:250px. With this dimension, the field can display 30 chars after saving the new name. However, if user input more than 30 chars, should I display the whole name with a new max characters of, let say, 50. And when the field is in hover and focus state again, the rest of the characters will be displayed as 3 dots.

Hope I make sense !!!

Thanks for the help

allteam-teamName1

truncate it will ellipses when user is done editing

Everything looks fine to us.