.search { padding: 0.5rem 1rem; margin: 0 !important; } .main-container { padding: 0.5rem 1rem; display: flex; justify-content: center; align-items: center; label { display: flex; justify-content: center; align-items: center; } input { width: 590px; height: 50px; border: none; background: rgb(226, 226, 226); padding: 0.5rem 1rem; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-radius: var(--base-rounded-medium) 0px 0px var(--base-rounded-medium); } input:focus { outline: none; } button { height: 50px; width: 65px; border: none; padding: 0.5rem; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; /* border: solid 1px rgb(212, 212, 212); */ /* top-left | top-right | bottom-right | bottom-left */ border-radius: 0px var(--base-rounded-medium) var(--base-rounded-medium) 0px; background: var(--base-color-primary); } }