.statusBadge {
  overflow: hidden;
  color: rgba(10, 10, 10, 0.45);
  text-overflow: ellipsis;
  font-family: var(--font-font-sans, Geist);
  font-size: 14px;
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 20px; /* 133.333% */
  border-radius: 4px;
  margin-left: 8px;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  background: var(--base-muted, #f5f5f5);
  padding: 0 4px;
}

.readonly {
  @extend .statusBadge;
}

.archived {
  @extend .statusBadge;
}
