diff --git a/desktop/src/features/channels/ui/ChannelMembersBar.tsx b/desktop/src/features/channels/ui/ChannelMembersBar.tsx
index 54e6ce0a2..83b9f80d4 100644
--- a/desktop/src/features/channels/ui/ChannelMembersBar.tsx
+++ b/desktop/src/features/channels/ui/ChannelMembersBar.tsx
@@ -87,7 +87,7 @@ export function ChannelMembersBar({
diff --git a/desktop/src/features/channels/ui/ChannelScreen.tsx b/desktop/src/features/channels/ui/ChannelScreen.tsx
index 074d1ebc9..c11d5099d 100644
--- a/desktop/src/features/channels/ui/ChannelScreen.tsx
+++ b/desktop/src/features/channels/ui/ChannelScreen.tsx
@@ -440,6 +440,8 @@ export function ChannelScreen({
Boolean(
openThreadHeadMessage || openAgentSessionPubkey || profilePanelPubkey,
);
+ const headerActionsInsetRightPx =
+ !isSinglePanelView && openThreadHeadMessage ? threadPanelWidthPx : 0;
return (
@@ -449,6 +451,7 @@ export function ChannelScreen({
activeChannelEphemeralDisplay={activeChannelEphemeralDisplay}
activeChannelTitle={activeChannelTitle}
activeDmPresenceStatus={activeDmPresenceStatus}
+ actionsInsetRightPx={headerActionsInsetRightPx}
currentPubkey={currentPubkey}
isJoining={joinChannelMutation.isPending}
onJoinChannel={joinChannelMutation.mutateAsync}
diff --git a/desktop/src/features/channels/ui/ChannelScreenHeader.tsx b/desktop/src/features/channels/ui/ChannelScreenHeader.tsx
index 1421f1366..90e9b3618 100644
--- a/desktop/src/features/channels/ui/ChannelScreenHeader.tsx
+++ b/desktop/src/features/channels/ui/ChannelScreenHeader.tsx
@@ -15,6 +15,7 @@ type ChannelScreenHeaderProps = {
activeChannelEphemeralDisplay: EphemeralChannelDisplay | null;
activeChannelTitle: string;
activeDmPresenceStatus: PresenceStatus | null;
+ actionsInsetRightPx?: number;
currentPubkey?: string;
isJoining?: boolean;
showHeaderContent?: boolean;
@@ -28,6 +29,7 @@ export function ChannelScreenHeader({
activeChannelEphemeralDisplay,
activeChannelTitle,
activeDmPresenceStatus,
+ actionsInsetRightPx = 0,
currentPubkey,
isJoining = false,
showHeaderContent = true,
@@ -79,6 +81,7 @@ export function ChannelScreenHeader({
return (
0
+ ? { marginRight: `${actionsInsetRightPx}px` }
+ : undefined;
const topRightActions = (
@@ -144,7 +150,10 @@ export function ChatHeader({
createPortal(topRightActions, document.body)
)
) : (
-
+
{actions ?
{actions}
: null}