.reaction-container {
  position: relative; /* Parent must be positioned relatively */
}

.emoji-picker {
  position: absolute; /* Picker positioned absolutely relative to the parent */
  right: 0;
  z-index: 9000000000; /* Ensure picker appears above other content */
}

.message-container {
  overflow: visible; /* Ensure the message container doesn't cut off the picker */
}

.reaction-container {
  position: relative;
}

.emoji-picker {
  overflow: hidden;
  width: auto;
}

.EmojiPickerReact.epr-dark-theme {
  --epr-emoji-size: 18px; /* Adjust emoji size for dark mode */
}
