I’m making a todo list app using react and chakra ui. I want to make the input and the button on the same line. This is what i get: photo I want to make something like this: photo My Code: App.js: Todo.js: Answer removing the margin top from input should fix it: