Border on input text box

Hello Everyone!!

I am struggling on adding a border on the input text box. Below is the markdown down for the input box and input container.

    .input-container {
        text-align: center;
        margin-bottom: 20px;
    }
    .input-box input {
        width: 100%;
        max-width: 500px;
        margin: auto;
        border: 2px solid #fffff; /* Updated border color */
        # border-radius: 8px; /* Updated border radius */
        padding: 10px;
        background-color: #EDF4F2; /* Updated background color */
    }

I have attached 2 images below. I want a border like in image 2. Currently having no border in image it is only appearing border on hover.