diff --git a/packages/iios-messaging-ui/src/styles.css b/packages/iios-messaging-ui/src/styles.css
index 97c58ac..9ae498d 100644
--- a/packages/iios-messaging-ui/src/styles.css
+++ b/packages/iios-messaging-ui/src/styles.css
@@ -198,8 +198,11 @@
 }
 .miu-react-picker {
   position: absolute;
-  bottom: 100%;
-  margin-bottom: 4px;
+  /* Open downward + right-aligned so it never clips against the top of the scroll area
+     (the reported bug) or spills past the right edge. */
+  top: 100%;
+  right: 0;
+  margin-top: 4px;
   display: flex;
   gap: 2px;
   padding: 4px;
@@ -208,6 +211,12 @@
   background: var(--miu-panel);
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
   z-index: 5;
+  width: max-content;
+}
+/* On my own (right-aligned) messages, anchor the picker to the left instead so it stays in view. */
+.miu-msg.is-mine .miu-react-picker {
+  right: auto;
+  left: 0;
 }
 .miu-react-emoji {
   border: none;