diff --git a/src/components/Editor/TableOfContents/TocContainer.vue b/src/components/Editor/TableOfContents/TocContainer.vue
index 32fe45ce85a..3aa1f857ddc 100644
--- a/src/components/Editor/TableOfContents/TocContainer.vue
+++ b/src/components/Editor/TableOfContents/TocContainer.vue
@@ -4,9 +4,9 @@
 -->
 
 <template>
-	<div class="editor__toc-container">
-		<!-- desktop -->
-		<div v-if="!isMobile" class="editor__toc-content">
+	<!-- desktop -->
+	<div v-if="!isMobile" class="editor__toc-container">
+		<div class="editor__toc-content">
 			<TocOutline
 				v-if="!displayToc && headings.length > 1"
 				@show-toc="setDisplayToc(true)" />
@@ -22,6 +22,13 @@
 				@heading-clicked="setDisplayToc(false)" />
 		</TocMobile>
 	</div>
+
+	<!-- mobile -->
+	<TocMobile v-else-if="displayToc" @close="setDisplayToc(false)">
+		<TableOfContents
+			:showClose="false"
+			@headingClicked="setDisplayToc(false)" />
+	</TocMobile>
 </template>
 
 <script setup>