From 4a45e9aee9b1cb864590dd49090b84013d002f15 Mon Sep 17 00:00:00 2001
From: watchlar2000 <sergii.koch@gmail.com>
Date: Fri, 3 Jul 2026 19:50:02 +0200
Subject: [PATCH] fix input ids so PluginsTable can support multiple instances
 per page

---
 src/components/Ecosystem/PluginsTable.jsx | 16 ++++++++--------
 src/css/ecosystem.css                     |  3 ---
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/Ecosystem/PluginsTable.jsx b/src/components/Ecosystem/PluginsTable.jsx
index db52f54e..24bee49e 100644
--- a/src/components/Ecosystem/PluginsTable.jsx
+++ b/src/components/Ecosystem/PluginsTable.jsx
@@ -24,14 +24,14 @@ const PluginsTable = (props) => {
 
   return (
     <div className="grid-container">
-      <div className="grid-item-header">
-        <label htmlFor="name">Name</label>
-        <input id="name" type="text" onKeyUp={(event) => setNameFilter(event.target.value)} />
-      </div>
-      <div className="grid-item-header">
-        <label htmlFor="description">Description</label>
-        <input id="description" type="text" onKeyUp={(event) => setDescriptionFilter(event.target.value)} size="40" />
-      </div>
+      <label className="grid-item-header">
+        Name
+        <input type="text" onKeyUp={(event) => setNameFilter(event.target.value)} />
+      </label>
+      <label className="grid-item-header">
+        Description
+        <input type="text" onKeyUp={(event) => setDescriptionFilter(event.target.value)} size="40" />
+      </label>
       {filtered.map((plugin, index) => [
         <div key={`plugin-name-${index}`} className={`grid-item grid-item-${index % 2}`}>
           <Link to={plugin.url}>{plugin.name}</Link>
diff --git a/src/css/ecosystem.css b/src/css/ecosystem.css
index c7499f69..92115018 100644
--- a/src/css/ecosystem.css
+++ b/src/css/ecosystem.css
@@ -12,9 +12,6 @@
   display: flex;
   flex-direction: column;
   padding-bottom: 5px;
-}
-
-.grid-item-header label {
   font-weight: 700;
 }