From 1fa5955a748e86f6b946ddd2f4bf4e18aa42b712 Mon Sep 17 00:00:00 2001
From: cal0pteryx <cal0pteryx@posteo.de>
Date: Thu, 16 Apr 2026 20:42:42 +0200
Subject: [PATCH 1/2] fix: MessageToolbar: Fix vertical alignment of 'more'
 menu button

---
 .../fluux/src/components/__snapshots__/ChatView.test.tsx.snap | 4 ++--
 apps/fluux/src/components/conversation/MessageToolbar.tsx     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/fluux/src/components/__snapshots__/ChatView.test.tsx.snap b/apps/fluux/src/components/__snapshots__/ChatView.test.tsx.snap
index 37294d68..baded2a2 100644
--- a/apps/fluux/src/components/__snapshots__/ChatView.test.tsx.snap
+++ b/apps/fluux/src/components/__snapshots__/ChatView.test.tsx.snap
@@ -178,7 +178,7 @@ exports[`ChatView > Snapshots > should match snapshot with messages 1`] = `
                           </button>
                         </div>
                         <div
-                          class="relative"
+                          class="inline-flex relative"
                         >
                           <div
                             class="inline-flex"
@@ -332,7 +332,7 @@ exports[`ChatView > Snapshots > should match snapshot with messages 1`] = `
                           </button>
                         </div>
                         <div
-                          class="relative"
+                          class="inline-flex relative"
                         >
                           <div
                             class="inline-flex"
diff --git a/apps/fluux/src/components/conversation/MessageToolbar.tsx b/apps/fluux/src/components/conversation/MessageToolbar.tsx
index adcdf5ff..25be7c92 100644
--- a/apps/fluux/src/components/conversation/MessageToolbar.tsx
+++ b/apps/fluux/src/components/conversation/MessageToolbar.tsx
@@ -236,7 +236,7 @@ export const MessageToolbar = memo(function MessageToolbar({
       </Tooltip>
 
       {/* More options button with dropdown */}
-      <div className="relative" ref={moreMenuRef}>
+      <div className="inline-flex relative" ref={moreMenuRef}>
         <Tooltip content={t('chat.moreOptions')} position="top" disabled={showReactionPicker || showMoreMenu}>
           <button
             ref={moreButtonRef}

From c3acdcc4e288252589f0a0892f8f09f014395cd7 Mon Sep 17 00:00:00 2001
From: cal0pteryx <cal0pteryx@posteo.de>
Date: Thu, 16 Apr 2026 20:47:40 +0200
Subject: [PATCH 2/2] fix: RoomHeader: Fix icon direction of occupants list
 toggle

---
 apps/fluux/src/components/RoomHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/fluux/src/components/RoomHeader.tsx b/apps/fluux/src/components/RoomHeader.tsx
index 4800a334..b3db3a21 100644
--- a/apps/fluux/src/components/RoomHeader.tsx
+++ b/apps/fluux/src/components/RoomHeader.tsx
@@ -413,7 +413,7 @@ export function RoomHeader({
         >
           <Users className="w-4 h-4" />
           <span className="text-sm font-medium">{uniqueOccupantCount}</span>
-          <ChevronRight className={`w-4 h-4 transition-transform ${showOccupants ? 'rotate-180' : ''}`} />
+          <ChevronRight className={`w-4 h-4 transition-transform ${showOccupants ? '' : 'rotate-180'}`} />
         </button>
       </Tooltip>