.spin-button { border: 1px solid #d1d5db; border-radius: 0.25rem; display: flex; overflow: hidden; } .spin-button__input { border-color: transparent; padding: 0.5rem; /* Demo */ width: 8rem; } .spin-button__buttons { /* Content is centered vertically */ display: flex; flex-direction: column; justify-content: center; /* Left border */ border-left: 1px solid #d1d5db; } .spin-button__button { /* Reset */ background: #fff; border-color: transparent; cursor: pointer; /* Make buttons have the same height */ flex: 1; }