From 101f32c686cace08a143da4c05b8291c176f36ef Mon Sep 17 00:00:00 2001
From: Jordan Frankfurt <jordan.frankfurt@coinbase.com>
Date: Mon, 7 Oct 2024 11:31:39 -0500
Subject: [PATCH] feat: add + icon instead of text

---
 .../Basenames/UsernameProfileSectionFrames/index.tsx         | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/Basenames/UsernameProfileSectionFrames/index.tsx b/apps/web/src/components/Basenames/UsernameProfileSectionFrames/index.tsx
index 06a04b25f4..4759423879 100644
--- a/apps/web/src/components/Basenames/UsernameProfileSectionFrames/index.tsx
+++ b/apps/web/src/components/Basenames/UsernameProfileSectionFrames/index.tsx
@@ -16,6 +16,7 @@ import Link from 'next/link';
 import { useCallback } from 'react';
 import cornerGarnish from './corner-garnish.svg';
 import frameIcon from './frame-icon.svg';
+import { Icon } from 'apps/web/src/components/Icon/Icon';
 
 function SectionContent() {
   const { profileUsername, currentWalletIsProfileOwner } = useUsernameProfile();
@@ -72,10 +73,10 @@ function SectionContent() {
         {currentWalletIsProfileOwner && (
           <Link
             onClick={handleAddFrameLinkClick}
-            className="text-sm text-palette-foregroundMuted"
+            className="rounded-lg bg-palette-backgroundAlternate p-2 text-sm text-palette-foreground"
             href={`/name/${profileUsername}/configure-frames`}
           >
-            + Add Frame
+            <Icon name="plus" color="currentColor" width="12px" height="12px" />
           </Link>
         )}
       </div>