div.modalContainer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* https://github.com/missive/emoji-mart/discussions/663 */
em-emoji-picker {
  max-height: 324px;
}

div.tabBody {
  height: 324px;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.avatarContainer {
  display: flex;
  justify-content: center;
}

div.emojiPickerContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

div.saveAvatarButtonContent {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  gap: 4px;
}