From 7174736680274731f44ab74af3e52b291a563d3e Mon Sep 17 00:00:00 2001
From: streaper2 <streaper2@gmail.com>
Date: Sun, 10 May 2026 14:38:42 +0200
Subject: [PATCH] UI: fix sticky positioning for share buttons by removing
 sticky-killing overflow and ensuring parent stretches

---
 app/blog/[id]/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/blog/[id]/page.tsx b/app/blog/[id]/page.tsx
index d2b51f5..4e84d55 100644
--- a/app/blog/[id]/page.tsx
+++ b/app/blog/[id]/page.tsx
@@ -73,11 +73,11 @@ export default async function BlogPostPage({ params }: Props) {
   }
 
   return (
-    <article className="bg-gray-50 min-h-screen py-12 relative overflow-x-clip">
+    <article className="bg-gray-50 min-h-screen py-12 relative">
       {/* Injection du style de force pour le texte */}
       <style dangerouslySetInnerHTML={{ __html: noBreakStyle }} />
 
-      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex gap-4 lg:gap-8 justify-center relative items-start">
+      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex gap-4 lg:gap-8 justify-center relative">
         {/* Conteneur principal de l'article */}
         <div className="w-[calc(100%-3rem)] sm:w-full max-w-3xl relative">
 
@@ -155,7 +155,7 @@ export default async function BlogPostPage({ params }: Props) {
 
         {/* Sidebar flottante verticale à droite (suit l'article et s'arrête à la fin) */}
         <div className="w-10 shrink-0 relative">
-          <div className="sticky top-1/2 -translate-y-1/2 pt-24 lg:pt-0">
+          <div className="sticky top-32 z-50">
             <BlogShareButtons title={post.title} />
           </div>
         </div>