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>
 
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}