From 9e7cbfe2b73e54679cbf2f88b4f7774c88856de8 Mon Sep 17 00:00:00 2001
From: laurikjk <kajakko.lauri@gmail.com>
Date: Wed, 4 Feb 2026 13:50:23 +0200
Subject: [PATCH] Fix banner widening the center column, make banner adapt to
 column instead

---
 src/pages/user/ProfileHeader.tsx      | 2 +-
 src/pages/user/index.tsx              | 2 +-
 src/shared/components/RightColumn.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/user/ProfileHeader.tsx b/src/pages/user/ProfileHeader.tsx
index ed901131..2cc07a09 100644
--- a/src/pages/user/ProfileHeader.tsx
+++ b/src/pages/user/ProfileHeader.tsx
@@ -104,7 +104,7 @@ const ProfileHeader = ({
         </Header>
       )}
       <div className="flex flex-col gap-4 w-full break-all">
-        <div className="w-full h-36 md:h-56 bg-gradient-to-br from-base-200 to-base-300">
+        <div className="w-full h-36 md:h-56 bg-gradient-to-br from-base-200 to-base-300 overflow-hidden">
           {profile?.banner && (
             <ProxyImg
               src={profile?.banner}
diff --git a/src/pages/user/index.tsx b/src/pages/user/index.tsx
index abcf337a..cc89bfa3 100644
--- a/src/pages/user/index.tsx
+++ b/src/pages/user/index.tsx
@@ -233,7 +233,7 @@ function UserPage({pubKey}: {pubKey: string}) {
 
   return (
     <div className="flex justify-center flex-1 relative h-full">
-      <div className="flex-1 flex flex-col h-full relative">
+      <div className="flex-1 flex flex-col h-full relative min-w-0 overflow-hidden">
         <Header
           rightContent={
             <div className="flex items-center gap-2">
diff --git a/src/shared/components/RightColumn.tsx b/src/shared/components/RightColumn.tsx
index fd752d55..9e9cfb5f 100644
--- a/src/shared/components/RightColumn.tsx
+++ b/src/shared/components/RightColumn.tsx
@@ -43,7 +43,7 @@ function RightColumn({children}: RightColumnProps) {
 
   return (
     <ErrorBoundary>
-      <div className="px-4 py-4 h-full overflow-y-auto scrollbar-hide flex flex-col gap-4 w-1/3 hidden lg:flex border-l border-custom">
+      <div className="px-4 py-4 h-full overflow-y-auto scrollbar-hide flex flex-col gap-4 w-80 flex-shrink-0 hidden lg:flex border-l border-custom">
         <div className="flex items-center gap-2">
           <div className="flex-1">
             <SearchBox searchNotes={true} />