.view-as {
  display: flex;
  align-items: center;
  gap: var(--space--xx-sm);
  flex-shrink: 0;
}

.view-as__grid-button,
.view-as__list-button {
  display: flex;
}

.view-as__icon.icon {
  width: var(--size--lg);
  height: var(--size--lg);
  fill: var(--border-color--default);
  cursor: pointer;
}

.view-as__icon--active.icon {
  fill: var(--color--secondary);
}