.segmentedWrapper { height: 37px; } .segmentedWrapper .segmented { position: relative; flex-direction: row; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #ececec; font-size: 18px; flex: 1; } .segmentedWrapper .segmented .segmentedItem { display: flex; justify-content: center; cursor: pointer; text-align: center; padding: 0px 6px; } .segmentedWrapper .segmented .segmentedThumb { position: absolute; bottom: 0px; height: 2px; background-color: #333333; transition: left 0.3s ease-out; }