From 4af10dd3e3a0e8c967d3ad4a58fa4120e5109b46 Mon Sep 17 00:00:00 2001
From: Hampus <hampus@fluxer.com>
Date: Thu, 8 Oct 2026 17:44:48 +0200
Subject: [PATCH] fix(threads): keep header actions clear of the channel name
 (#3300)

---
 .../channel/components/ChannelHeader.module.css       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/fluxer_app/src/features/channel/components/ChannelHeader.module.css b/fluxer_app/src/features/channel/components/ChannelHeader.module.css
index 925cffbe7..aaa935e56 100644
--- a/fluxer_app/src/features/channel/components/ChannelHeader.module.css
+++ b/fluxer_app/src/features/channel/components/ChannelHeader.module.css
@@ -502,7 +502,8 @@
 }
 
 .headerContainerThreadPanelOpen {
-	grid-template-columns: minmax(min(12rem, 40%), 1fr) minmax(0, auto);
+	container-type: inline-size;
+	grid-template-columns: minmax(0, max-content) minmax(min-content, 1fr);
 }
 
 .headerContainerThreadPanelOpen .topicDivider,
@@ -512,6 +513,7 @@
 
 .headerContainerThreadPanelOpen .messageSearchFocusWrapper {
 	flex: 0 1 15.25rem;
+	width: 9rem;
 	min-width: 9rem;
 }
 
@@ -520,6 +522,13 @@
 	min-width: 0;
 }
 
+@container (max-width: 32rem) {
+	.headerContainerThreadPanelOpen .messageSearchFocusWrapper {
+		width: var(--channel-header-action-size);
+		min-width: var(--channel-header-action-size);
+	}
+}
+
 .iconButton {
 	display: flex;
 	align-items: center;