diff --git a/front/components/Security/HeaderProfileBox.tsx b/front/components/Security/HeaderProfileBox.tsx
index 441f72ca..7dd781bb 100644
--- a/front/components/Security/HeaderProfileBox.tsx
+++ b/front/components/Security/HeaderProfileBox.tsx
@@ -28,13 +28,13 @@ export const HeaderProfileBox = () => {
         </UnidentifiedArea>
       )}
       {auth.isAuthenticated && (
-        <AccountArea className="space-x-3">
-          <div className="text-sm text-gray-600 p-1.5 px-2 rounded-lg">{auth.userInfo.user_object.full_name}</div>
+        <AccountArea className="-space-x-2">
+          <div className="text-xs px-4 text-gray-600 p-1.5 rounded-full bg-gray-50">{auth.userInfo.user_object.full_name}</div>
           <div className="flex -space-x-2 items-center">
             <div className="py-4">
               <Avvvatars size={26} value={auth.userInfo.user_object.user_id} style="shape" />
             </div>
-            <Link className="bg-slate-50 p-1.5 rounded-full" href={"/settings"}><GearIcon fontSize={26} /></Link>
+            <Link className="bg-gray-50 p-1.5 rounded-full" href={"/settings"}><GearIcon fontSize={26} /></Link>
           </div>
         </AccountArea>
       )}