.useractivityhistory {
  display: flex;
  width: 100%;
  padding-left: 280px;
  margin-top: 60px;
  flex-direction: column;
  padding-bottom: 60px;
  height: 85vh;
  overflow-y: auto;
}

.useractivityhistory .titleContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}

.useractivityhistory .titleContainer .dateReference {
  font-family: 'Metropolis Bold';
  font-size: 16px;
  line-height: 1.21;
  letter-spacing: 4.32px;
  color: #333333;
}

.useractivityhistory .activityHeader.addMargin {
  margin-top: 40px;
}

.useractivityhistory .activityContainer {
  display: flex;
  width: 100%;
  margin: 40px 20px 0 20px;
}

.useractivityhistory .activityContainer .gameIconAndName {
  display: flex;
  align-items: center;
  width: 30%;
}

.useractivityhistory .activityContainer .gameIconAndName .gameIcon {
  width: 90px;
  height: 90px;
  background-size: 90px;
  background-repeat: no-repeat;
  border-radius: 15px;
  border: solid 1px #707070;
  background-color: #707070;
}

.useractivityhistory .activityContainer .gameIconAndName .gameName {
  font-family: 'Metropolis Bold';
  font-size: 20px;
  line-height: 1.21;
  letter-spacing: 4.32px;
  text-align: left;
  color: #333333;
  padding-left: 30px;
}

.useractivityhistory .activityContainer .paramContainer {
  display: flex;
  flex-direction: column;
  width: 17%; 
  justify-content: space-evenly;
  align-items: center;
}

.useractivityhistory .activityContainer .paramContainer .paramValue {
  font-family: 'Metropolis Regular';
  font-size: 20px;
  line-height: 1.21;
  letter-spacing: 4.32px;
  text-align: center;
  color: #333333;
}

.useractivityhistory .activityContainer .durationIcon {
  width: 50px;
	height: 50px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/clock-blue%403x.png);
	background-size: 50px;
}

.useractivityhistory .activityContainer .distanceIcon {
  width: 50px;
	height: 50px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/distance-blue%403x.png);
  background-size: 38px;
  background-repeat: no-repeat;
}
.useractivityhistory .activityContainer .stepsIcon {
  width: 50px;
	height: 50px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/steps-blue%403x.png);
  background-size: 39px;
  background-repeat: no-repeat;
}
.useractivityhistory .activityContainer .caloriesIcon {
  width: 50px;
	height: 50px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/calories-blue%403x.png);
  background-size: 33px;
  background-repeat: no-repeat;
}