From ba277121db443b717d639b9b3195f6a8fb33c15d Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Thu, 11 Jul 2024 15:35:10 -0400
Subject: [PATCH] make avatar dropdown more obvious

---
 frontend/src/components/hosted/AvatarDropdown.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/hosted/AvatarDropdown.tsx b/frontend/src/components/hosted/AvatarDropdown.tsx
index d5c642d..35a168a 100644
--- a/frontend/src/components/hosted/AvatarDropdown.tsx
+++ b/frontend/src/components/hosted/AvatarDropdown.tsx
@@ -68,10 +68,13 @@ export default function AvatarDropdown() {
     <>
       <DropdownMenu open={isOpen} onOpenChange={open}>
         <DropdownMenuTrigger asChild>
-          <Avatar className="w-8 h-8 cursor-pointer">
-            <AvatarImage src={user?.imageUrl} alt="Profile image" />
-            <AvatarFallback>{user?.firstName}</AvatarFallback>
-          </Avatar>
+          <div className="flex items-center space-x-2 cursor-pointer">
+            <span className="text-sm">Your account</span>
+            <Avatar className="w-8 h-8">
+              <AvatarImage src={user?.imageUrl} alt="Profile image" />
+              <AvatarFallback>{user?.firstName}</AvatarFallback>
+            </Avatar>
+          </div>
         </DropdownMenuTrigger>
         <DropdownMenuContent className="w-56" align="end">
           {/* Free users */}