diff --git a/app/pages/blog/[slug].vue b/app/pages/blog/[slug].vue
index 81c9fca..e81701d 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 collapse 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: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">
       <ul>
         <BlogTocLink v-for="link of data.body.toc.links" :link="link" />
       </ul>