From 6243139f1be1de6927ffd33e2e1937a396abcb4e Mon Sep 17 00:00:00 2001
From: captain-Akshay <akshay.sharma0503@gmail.com>
Date: Fri, 15 Mar 2024 15:59:44 +0530
Subject: [PATCH] added better profile icon

Signed-off-by: captain-Akshay <akshay.sharma0503@gmail.com>
---
 src/sections/General/Navigation/index.js            | 8 +++++---
 src/sections/General/Navigation/navigation.style.js | 8 +++++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index 05e4fbac8973..0e148dee027f 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -382,11 +382,13 @@ const Navigation = () => {
             <div className="dropDown">
               <button
                 className="avatar-container"
+                style={{
+                  backgroundImage: `url(${userData.avatar_url})`,
+                  backgroundSize: "cover",
+                }}
                 onClick={() => setDropDown((prev) => !prev)}
               >
-                {userData.avatar_url ? (
-                  <img src={userData.avatar_url} alt={userData.first_name} />
-                ) : (
+                {!userData.avatar_url && (
                   <DefaultAvatar className="default_avatar" />
                 )}
               </button>
diff --git a/src/sections/General/Navigation/navigation.style.js b/src/sections/General/Navigation/navigation.style.js
index 012dbc76742b..296b1a6a39ad 100644
--- a/src/sections/General/Navigation/navigation.style.js
+++ b/src/sections/General/Navigation/navigation.style.js
@@ -94,6 +94,9 @@ const NavigationWrap = styled.header`
       .dark-theme-toggle {
         margin-left: 0.5em;
       }
+      .dropDown{
+        margin-left:3rem;
+      }
     }
     @media screen and (max-width: 992px) {
       right: -1rem;
@@ -118,7 +121,10 @@ const NavigationWrap = styled.header`
       }
       .dropDown-content {
         top: 2rem;
-        left: 3rem;
+        left: -6rem;
+      }
+      .dropDown{
+        margin-left:1rem;
       }
     }
   }