.navigation{ background: #00b0f0; flex: none; } .status-bar{ transition: all ease-out 0.4s } .navigation-bar{ height: 44px; padding-right: 105px; display: flex; align-items: center; } .navigation-left{ width: 105px; display: flex; align-items: center; color: white; } .search{ padding: 5px 0 5px 7px; } .title{ flex: auto; text-align: center; white-space: pre; font-size: 14px; } .navbar{ flex: 1 1 1px; width: 1px; font-size: 15px; border-radius: 7px; display: flex; text-align: center; white-space: nowrap; overflow-x: scroll; } .navitem{ flex: auto; background: #00d0f0; color: white; padding: 5px 1px; transition: all ease 0.6s; } .navitem.active{ color: #00b0f0; background: white; }