From b45805fa8e42448eb13ba81952f87feace294440 Mon Sep 17 00:00:00 2001
From: vhaudiquet <valentin.haudiquet@canonical.com>
Date: Fri, 28 Nov 2025 11:21:49 +0100
Subject: [PATCH] Fix sticky TOC

---
 app/pages/blog/[slug].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/blog/[slug].vue b/app/pages/blog/[slug].vue
index e81701d..65d8de3 100644
--- a/app/pages/blog/[slug].vue
+++ b/app/pages/blog/[slug].vue
@@ -20,7 +20,7 @@ defineOgImageComponent('BlogPost', {
   <div class="flex xl:flex-row flex-col-reverse xl:mt-20 sm:mt-10 mt-5 xl:mb-20 mb-5 m-auto">
     <ContentRenderer v-if="data" :value="data" class="max-w-4xl w-[90%] xl:mr-10 m-auto content" />
   
-    <div v-if="data?.body.toc != undefined" class="xl:visible xl:block collapse hidden xl:mt-0 mt-5 xl:ml-10 ml-5 mb-10 m-auto max-w-60 xl:sticky xl:top-16">
+    <div v-if="data?.body.toc != undefined" class="xl:sticky xl:top-16 xl:visible xl:block collapse hidden xl:mt-0 mt-5 xl:ml-10 xl:mb-auto ml-5 mb-10 m-auto max-w-60">
       <ul>
         <BlogTocLink v-for="link of data.body.toc.links" :link="link" />
       </ul>