diff --git a/src/styles/ReactionPicker.css b/src/styles/ReactionPicker.css
new file mode 100644
index 0000000..6d0a354
--- /dev/null
+++ b/src/styles/ReactionPicker.css
@@ -0,0 +1,26 @@
+.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 */
+}