diff --git a/components/Nav/TableOfContent.vue b/components/Nav/TableOfContent.vue
index d03896242808e97bb9090b98981559ad7f8ac8cc..45b9639eb3c3921656e60cc169c6be7674c9d049 100644
--- a/components/Nav/TableOfContent.vue
+++ b/components/Nav/TableOfContent.vue
@@ -1,14 +1,23 @@
 <script setup lang="ts">
+import { useDisplay } from "vuetify";
 const props = defineProps<{
   links: any;
 }>();
 
+const { mobile } = useDisplay();
+
 // const { navigation } = useContent();
 // console.log(navigation.value);
 </script>
 
 <template>
-  <v-navigation-drawer id="app-toc" location="right" :border="0" permanent>
+  <v-navigation-drawer
+    v-if="!mobile"
+    id="app-toc"
+    location="right"
+    :border="0"
+    permanent
+  >
     <template #prepend>
       <div class="text-h6 font-weight-medium mt-4 mb-2 ms-4">Contents</div>
     </template>