JSFiddle - React, Tailwind, and code Playground

HTML

<input placeholder='Поиск по мероприятиям'>

CSS

input {
    color: #767;
    width: 448px;
    height: 40px;
    background: #EDEDED;
    border-radius: 70px;
    border:1px solid #EDEDED;
    text-align:center;
    outline:none;
}

input:active {
  text-align:left;
}