.user-list-page .user-list > .item {
  padding: 8px 16px;
  display: grid;
  grid-template-columns: auto 2fr 0.5fr 0.8fr;
  gap: 8px;
  align-items: center;
  border-radius: 16px;
}
.user-list-page .user-list > .item:hover {
  background-color: var(--background-select);
}

.room-list-page .room-list > .item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  padding: 8px 16px;
  gap: 8px;
  align-items: center;
  border-radius: 16px;
}
.room-list-page .room-list > .item:hover {
  background-color: var(--background-select);
}