.palette--history-list {
  display: flex;
  width: 100%;
  height: 60px;
}

.palette--history-list__container {
  padding: 0.25rem;
  display: inline-block;
  width: 18%;
  margin-right: 2%;
  height: 60%;
}

.palette--main {
  display: flex;
  flex: 1;
  flex-flow: column;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .palette--history-list {
    height: 100%;
  }

  .palette--main {
    flex-flow: row;
  }
}

.palette--history-list {
  display: flex;
  width: 100%;
  height: 60px;
}

.palette--history-list__container {
  padding: 0.25rem;
  display: inline-block;
  width: 18%;
  margin-right: 2%;
  margin-bottom: 1.5rem;
  height: 60%;
}

.palette--main {
  display: flex;
  flex: 1;
  flex-flow: column;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .palette--history-list {
    height: 100%;
  }

  .palette--main {
    flex-flow: row;
  }
}

Add margin to all palette history containers
[Style] Add margin to all palette history containers
