From 26158e83a62e3bdd4bf6ae3dfc058a5a4252d376 Mon Sep 17 00:00:00 2001
From: krusty-agent <krusty-agent@users.noreply.github.com>
Date: Tue, 10 Feb 2026 22:11:08 -0800
Subject: [PATCH] fix: sort menu z-index on home page

---
 src/pages/Home.tsx     | 2 +-
 src/pages/ListView.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 44efd55..1bcf665 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -239,7 +239,7 @@ export function Home() {
 
       {/* Search and Sort */}
       {hasLists && (
-        <div className="flex gap-2.5 mb-6 animate-slide-up">
+        <div className="relative z-20 flex gap-2.5 mb-6 animate-slide-up">
           <SearchInput
             value={searchQuery}
             onChange={setSearchQuery}
diff --git a/src/pages/ListView.tsx b/src/pages/ListView.tsx
index 01eaf58..b3b2caa 100644
--- a/src/pages/ListView.tsx
+++ b/src/pages/ListView.tsx
@@ -1113,9 +1113,9 @@ export function ListView() {
         </div>
       )}
 
-      {/* Add Item Input - at bottom of list */}
+      {/* Add Item Input - sticky at bottom of viewport */}
       {canUserEdit && viewMode === "list" && (
-        <div className="mt-4 mb-2 animate-slide-up">
+        <div className="sticky bottom-0 z-10 pt-2 pb-3 mt-4 bg-gradient-to-t from-white via-white dark:from-gray-900 dark:via-gray-900 to-transparent animate-slide-up">
           <AddItemInput ref={addItemInputRef} assetDid={list.assetDid} onAddItem={addItem} />
         </div>
       )}