From cae32b9fa430a10bc4d12cd6afd06658740a83bc Mon Sep 17 00:00:00 2001
From: Nico <Nico>
Date: Wed, 27 May 2026 00:24:22 -0700
Subject: [PATCH] style: remove redundant search label

---
 frontend/src/components/common/ListSearchInput.jsx | 4 +---
 frontend/src/styles/pages/GroceryList.css          | 8 --------
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/frontend/src/components/common/ListSearchInput.jsx b/frontend/src/components/common/ListSearchInput.jsx
index c3fc6db..8a4518d 100644
--- a/frontend/src/components/common/ListSearchInput.jsx
+++ b/frontend/src/components/common/ListSearchInput.jsx
@@ -3,14 +3,12 @@ export default function ListSearchInput({ value, onChange, resultCount, totalCou
 
   return (
     <div className="glist-search">
-      <label className="glist-search-label" htmlFor="grocery-list-search">
-        Search list
-      </label>
       <div className="glist-search-row">
         <input
           id="grocery-list-search"
           className="glist-search-input"
           type="search"
+          aria-label="Search list"
           value={value}
           onChange={(event) => onChange(event.target.value)}
           placeholder="Search list"
diff --git a/frontend/src/styles/pages/GroceryList.css b/frontend/src/styles/pages/GroceryList.css
index dbd80c1..a00a6cf 100644
--- a/frontend/src/styles/pages/GroceryList.css
+++ b/frontend/src/styles/pages/GroceryList.css
@@ -358,14 +358,6 @@
   margin: var(--spacing-xs) 0 var(--spacing-sm);
 }
 
-.glist-search-label {
-  display: block;
-  margin-bottom: 4px;
-  color: var(--color-text-secondary);
-  font-size: var(--font-size-sm);
-  font-weight: 700;
-}
-
 .glist-search-row {
   display: flex;
   align-items: center;