diff --git a/components/cards/ChannelCard.tsx b/components/cards/ChannelCard.tsx
index d96d503..97272e5 100644
--- a/components/cards/ChannelCard.tsx
+++ b/components/cards/ChannelCard.tsx
@@ -19,7 +19,7 @@ export function ChannelCard({
   return (
     <Card>
       <CardHeader>
-        <CardTitle>
+        <CardTitle className="flex items-center gap-1">
           <Avatar>
             {channel.channel_type !== "DirectMessage" && (
               <AvatarImage src={`${AUTUMN_URL}/icons/${channel.icon?._id}`} />
diff --git a/components/cards/ServerCard.tsx b/components/cards/ServerCard.tsx
index 7e53fb4..94b7858 100644
--- a/components/cards/ServerCard.tsx
+++ b/components/cards/ServerCard.tsx
@@ -13,7 +13,7 @@ export function ServerCard({
   return (
     <Card>
       <CardHeader>
-        <CardTitle>
+        <CardTitle className="flex items-center gap-1">
           <Avatar>
             <AvatarImage src={`${AUTUMN_URL}/icons/${server.icon?._id}`} />
             <AvatarFallback>
diff --git a/components/cards/UserCard.tsx b/components/cards/UserCard.tsx
index fd0c76e..0208d72 100644
--- a/components/cards/UserCard.tsx
+++ b/components/cards/UserCard.tsx
@@ -18,7 +18,7 @@ export function UserCard({ user, subtitle, withLink }: { user: User; subtitle: s
       }}
     >
       <CardHeader>
-        <CardTitle className="overflow-hidden overflow-ellipsis whitespace-nowrap">
+        <CardTitle className="overflow-hidden overflow-ellipsis whitespace-nowrap flex items-center gap-1">
           <Avatar>
             <AvatarImage src={`${AUTUMN_URL}/avatars/${user.avatar?._id}`} />
             <AvatarFallback className="overflow-hidden overflow-ellipsis whitespace-nowrap">