From 0f519fbfea8a97b5f7466ac021f85c66fdc7ea00 Mon Sep 17 00:00:00 2001
From: Taesu <166604494+bytaesu@users.noreply.github.com>
Date: Mon, 29 Dec 2025 15:58:50 +0900
Subject: [PATCH] docs: improve community plugins page (#7031)

---
 docs/components/community-plugins-table.tsx    | 18 ++++++++----------
 .../content/docs/plugins/community-plugins.mdx |  6 ++++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/components/community-plugins-table.tsx b/docs/components/community-plugins-table.tsx
index fd9463d5a6..74af9801b2 100644
--- a/docs/components/community-plugins-table.tsx
+++ b/docs/components/community-plugins-table.tsx
@@ -274,7 +274,13 @@ export function CommunityPluginsTable() {
 	});
 
 	return (
-		<div className="w-full space-y-4">
+		<div className="w-full">
+			<div className="flex items-center justify-between text-xs text-muted-foreground">
+				<p>
+					Showing {table.getRowModel().rows.length} of {communityPlugins.length}{" "}
+					plugins
+				</p>
+			</div>
 			<div className="relative">
 				<Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
 				<input
@@ -285,8 +291,7 @@ export function CommunityPluginsTable() {
 					className="w-full rounded-lg border bg-background pl-10 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
 				/>
 			</div>
-
-			<div className="rounded-lg border">
+			<div className="rounded-lg">
 				<div className="overflow-x-auto">
 					<table className="w-full">
 						<thead>
@@ -339,13 +344,6 @@ export function CommunityPluginsTable() {
 					</table>
 				</div>
 			</div>
-
-			<div className="flex items-center justify-between text-sm text-muted-foreground">
-				<div>
-					Showing {table.getRowModel().rows.length} of {communityPlugins.length}{" "}
-					plugins
-				</div>
-			</div>
 		</div>
 	);
 }
diff --git a/docs/content/docs/plugins/community-plugins.mdx b/docs/content/docs/plugins/community-plugins.mdx
index 4fdc05353f..69e477a43f 100644
--- a/docs/content/docs/plugins/community-plugins.mdx
+++ b/docs/content/docs/plugins/community-plugins.mdx
@@ -5,10 +5,12 @@ description: A list of recommended community plugins.
 
 import { CommunityPluginsTable } from "@/components/community-plugins-table";
 
-This page showcases a list of recommended community made plugins.
+This page showcases a list of recommended community made plugins. We encourage you to create custom plugins and maybe get added to the list!
 
-We encourage you to create custom plugins and maybe get added to the list!
+## Create Your Own Plugin
 
 To create your own custom plugin, get started by reading our [plugins documentation](/docs/concepts/plugins). And if you want to share your plugin with the community, please open a pull request to add it to this list.
 
+## Browse Community Plugins
+
 <CommunityPluginsTable />