diff --git a/src/routes/(app)/documents/+page.svelte b/src/routes/(app)/documents/+page.svelte
index fc117d5b..5152385a 100644
--- a/src/routes/(app)/documents/+page.svelte
+++ b/src/routes/(app)/documents/+page.svelte
@@ -247,38 +247,38 @@
 				</div>
 			</div> -->
 
-			{#each $documents.filter((doc) => (selectedTag === '' || (doc?.content?.tags ?? [])
-							.map((tag) => tag.name)
-							.includes(selectedTag)) && (query === '' || doc.name.includes(query))) as doc}
-				<hr class=" dark:border-gray-700 my-2.5" />
+			<hr class=" dark:border-gray-700 my-2.5" />
 
-				{#if tags.length > 0}
-					<div class="px-2.5 mt-0.5 mb-2 flex gap-1 flex-wrap">
+			{#if tags.length > 0}
+				<div class="px-2.5 mt-0.5 mb-2 flex gap-1 flex-wrap">
+					<button
+						class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
+						on:click={async () => {
+							selectedTag = '';
+							// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
+						}}
+					>
+						<div class=" text-xs font-medium self-center line-clamp-1">all</div>
+					</button>
+					{#each tags as tag}
 						<button
 							class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
 							on:click={async () => {
-								selectedTag = '';
+								selectedTag = tag;
 								// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
 							}}
 						>
-							<div class=" text-xs font-medium self-center line-clamp-1">all</div>
+							<div class=" text-xs font-medium self-center line-clamp-1">
+								#{tag}
+							</div>
 						</button>
-						{#each tags as tag}
-							<button
-								class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
-								on:click={async () => {
-									selectedTag = tag;
-									// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
-								}}
-							>
-								<div class=" text-xs font-medium self-center line-clamp-1">
-									#{tag}
-								</div>
-							</button>
-						{/each}
-					</div>
-				{/if}
+					{/each}
+				</div>
+			{/if}
 
+			{#each $documents.filter((doc) => (selectedTag === '' || (doc?.content?.tags ?? [])
+							.map((tag) => tag.name)
+							.includes(selectedTag)) && (query === '' || doc.name.includes(query))) as doc}
 				<div class=" flex space-x-4 cursor-pointer w-full mt-3 mb-3">
 					<div class=" flex flex-1 space-x-4 cursor-pointer w-full">
 						<div class=" flex items-center space-x-3">
@@ -419,7 +419,9 @@
 				</div>
 			{/each}
 
-			<hr class=" dark:border-gray-700 my-2.5" />
+			{#if $documents.length > 0}
+				<hr class=" dark:border-gray-700 my-2.5" />
+			{/if}
 
 			<div class=" flex justify-between w-full mb-3">
 				<div class="flex space-x-2">