From 7b13b36a40dd9e1b2c75c8541d177ed979cdc860 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Thu, 12 Mar 2026 05:19:43 +0100
Subject: [PATCH] fix: space header buttons fill full height for edge-to-edge
 hover/click

---
 packages/web/src/components/layout/ChannelSidebar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/layout/ChannelSidebar.tsx b/packages/web/src/components/layout/ChannelSidebar.tsx
index 52974d37..4c3a885f 100644
--- a/packages/web/src/components/layout/ChannelSidebar.tsx
+++ b/packages/web/src/components/layout/ChannelSidebar.tsx
@@ -576,10 +576,10 @@ export function ChannelSidebar() {
     <>
     <div className="w-60 md:w-full bg-surface-channel flex flex-col flex-shrink-0 select-none md:pl-[72px] border-r border-border-hard">
       {/* Space header */}
-      <div className="py-3 flex items-stretch border-b border-border-hard z-10 group/header">
+      <div className="h-14 flex items-stretch border-b border-border-hard z-10 group/header">
         <button
           onClick={() => openModal('spaceSettings')}
-          className="flex-1 min-h-8 px-4 flex items-center justify-between hover:bg-interactive-hover transition-colors min-w-0"
+          className="flex-1 h-full px-4 flex items-center justify-between hover:bg-interactive-hover transition-colors min-w-0"
         >
           <div className="min-w-0">
             <span className="font-bold text-[15px] tracking-[-0.02em] text-txt-primary truncate leading-tight block">{space.name}</span>
@@ -596,7 +596,7 @@ export function ChannelSidebar() {
         {canCreateInvite && (
           <button
             onClick={() => openModal('invite')}
-            className="w-10 min-h-8 flex items-center justify-center text-txt-tertiary hover:text-txt-primary hover:bg-interactive-hover transition-all flex-shrink-0"
+            className="w-10 h-full flex items-center justify-center text-txt-tertiary hover:text-txt-primary hover:bg-interactive-hover transition-all flex-shrink-0"
             title="Invite People"
           >
             <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">