diff --git a/src/pages/main/GroupItem.tsx b/src/pages/main/GroupItem.tsx
index f4323aa..eb953c5 100644
--- a/src/pages/main/GroupItem.tsx
+++ b/src/pages/main/GroupItem.tsx
@@ -1,13 +1,15 @@
 import { GroupInfoWithPresidentUuid } from "src/types/interfaces";
 
 import ArrowRight from "@/assets/icons/arrow-right.svg?react";
-import Crown from "@/assets/icons/crown.svg?react";
+import { Crown } from "iconoir-react";
 import Settings from "@/assets/icons/settings.svg?react";
 import GroupProfileDefault from "@/assets/icons/group-profile-default.webp";
 import Card from "@/components/card/Card";
 import { Link } from "react-router-dom";
 import useSWR from "swr";
 import { getUserRole } from "@/apis/group";
+import useAuth from "@/hooks/useAuth";
+import { cn } from "@/utils/clsx";
 
 const GroupItem = ({
   groupParams,
@@ -17,6 +19,7 @@ const GroupItem = ({
   };
 }) => {
   const group = groupParams.group;
+  const { userInfo } = useAuth();
 
   const { data: userRole } = useSWR(
     ["userRole", group.uuid || ""],
@@ -26,26 +29,34 @@ const GroupItem = ({
   if (!userRole) return <></>;
 
   const isAdmin = userRole.name === "admin";
+  const isManager = userRole.name === "manager";
+  const isPresident = userInfo?.uuid === group.presidentUuid;
+
+  const getCrownColor = () => {
+    if (isPresident) return "text-yellow-500";
+    if (isAdmin) return "text-slate-400";
+    if (isManager) return "text-amber-700";
+    return null;
+  };
+
+  const crownColor = getCrownColor();
 
   return (
     <Card>
       <a href={`/group/${group.uuid}`} className={"flex items-center"}>
-      <div className="w-10 h-10 rounded-full overflow-hidden flex-shrink-0">
-        <img
-          src={group.profileImageUrl || GroupProfileDefault}
-          alt="group-default-profile"
-          className="w-full h-full object-cover" 
-        />
-      </div>
-
-        <p className="ml-[15px] mr-[5px] text-lg font-semibold text-dark dark:text-d_white">
+        <div className="w-10 h-10 rounded-full overflow-hidden flex-shrink-0">
+          <img
+            src={group.profileImageUrl || GroupProfileDefault}
+            alt="group-default-profile"
+            className="w-full h-full object-cover"
+          />
+        </div>
+
+        <p className="flex items-center gap-2 ml-[15px] mr-[5px] text-lg font-semibold text-dark dark:text-d_white">
           {group.name}
+          {crownColor && <Crown className={cn(crownColor)} />}
         </p>
 
-        {isAdmin && (
-          <Crown className="ml-1 inline stroke-dark dark:stroke-d_white" />
-        )}
-
         <div className="flex-grow" />
 
         {isAdmin && (
diff --git a/src/pages/manage/pages/members/sections/memberManagement/MemberTableRow.tsx b/src/pages/manage/pages/members/sections/memberManagement/MemberTableRow.tsx
index f2cfdbe..4664abc 100644
--- a/src/pages/manage/pages/members/sections/memberManagement/MemberTableRow.tsx
+++ b/src/pages/manage/pages/members/sections/memberManagement/MemberTableRow.tsx
@@ -63,7 +63,10 @@ const MemberTableRow = ({
       {/* 이름 */}
       <th className={cn(cellStyle, "text-greyDark")}>
         <div className="flex items-center gap-2">
-          {member.name} {isThisMemberPresident && <Crown />}
+          {member.name}
+          <div className="text-yellow-500">
+            {isThisMemberPresident && <Crown />}
+          </div>
         </div>
       </th>
       {/* 이메일 */}