.SelectCompetitionContainer {
  height: 85%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.SelectCompetitionContainer p {
  font-size: 1.6vw;
}

.CardsContainer {
  height: 75%;
  width: 100%;
  display: flex;
  align-items: center;
}

.CardsContainer ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: scroll;
}

.menu-item {
  padding: 0 40px;
  margin: 5px 10px;
  user-select: none;
  cursor: pointer;
  border: none;
}
.menu-item-wrapper.active {
  border: 1px blue solid;
}
.menu-item.active {
  border: 1px green solid;
}

.scroll-menu-arrow {
  padding: 20px;
  cursor: pointer;
}

.SelectCompetitionContainer {
  height: 85%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.SelectCompetitionContainer p {
  font-size: 1.6vw;
}

.CardsContainer {
  height: 75%;
  width: 100%;
  display: flex;
  align-items: center;
}

.CardsContainer ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.CardsContainer ul::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.menu-item {
  padding: 0 40px;
  margin: 5px 10px;
  user-select: none;
  cursor: pointer;
  border: none;
}
.menu-item-wrapper.active {
  border: 1px blue solid;
}
.menu-item.active {
  border: 1px green solid;
}

.scroll-menu-arrow {
  padding: 20px;
  cursor: pointer;
}

Add scroll bar styling to be hidden
Add scroll bar styling to be hidden
