.search { padding: 0.5rem 1rem; margin: 0 !important; } .main-container { padding: 0.5rem 1rem; input { width: --webkit-fill-available; border: none; background: var(--base-color-gray-light); padding: 0.5rem 1rem; border-top: 1px solid var(--base-color-dark); border-bottom: 1px solid var(--base-color-dark); border-left: 1px solid var(--base-color-dark); border-radius: var(--base-rounded-medium) 0px 0px var(--base-rounded-medium); } input:focus { outline: none; } button { width: 3rem; border: none; padding: 0.5rem; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-radius: 0px var(--base-rounded-medium) var(--base-rounded-medium) 0px; } }