From 3d021e079f2a54f94a127b624b2fb8b7fe7fdbfc Mon Sep 17 00:00:00 2001
From: Ajax Davis <thomasalwyndavis@gmail.com>
Date: Wed, 14 Jan 2026 09:34:14 +1000
Subject: [PATCH] fix: use valid icon name in collection env vars tab

---
 apps/web/src/app/dashboard/collections/[id]/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/dashboard/collections/[id]/page.tsx b/apps/web/src/app/dashboard/collections/[id]/page.tsx
index fa9737f..2c7e536 100644
--- a/apps/web/src/app/dashboard/collections/[id]/page.tsx
+++ b/apps/web/src/app/dashboard/collections/[id]/page.tsx
@@ -633,7 +633,7 @@ export default function CollectionDetailPage(): React.ReactElement {
       {/* Env Vars Tab - Not Owner */}
       {activeTab === 'env-vars' && !collection.isOwner && (
         <div className="text-center py-16">
-          <Icon icon="lock" size="lg" className="mx-auto text-foreground-tertiary mb-4" />
+          <Icon icon="key" size="lg" className="mx-auto text-foreground-tertiary mb-4" />
           <h2 className="text-lg font-medium text-foreground mb-2">Environment Variables Unavailable</h2>
           <p className="text-foreground-secondary">
             You can only view environment variables for collections you own.
@@ -696,7 +696,7 @@ export default function CollectionDetailPage(): React.ReactElement {
       {/* Settings Tab - Not Owner */}
       {activeTab === 'settings' && !collection.isOwner && (
         <div className="text-center py-16">
-          <Icon icon="lock" size="lg" className="mx-auto text-foreground-tertiary mb-4" />
+          <Icon icon="key" size="lg" className="mx-auto text-foreground-tertiary mb-4" />
           <h2 className="text-lg font-medium text-foreground mb-2">Settings Unavailable</h2>
           <p className="text-foreground-secondary">
             You can only view settings for collections you own.