diff --git a/src/interface/web/app/agents/page.tsx b/src/interface/web/app/agents/page.tsx
index 82ed4529..59d9d545 100644
--- a/src/interface/web/app/agents/page.tsx
+++ b/src/interface/web/app/agents/page.tsx
@@ -360,7 +360,7 @@ function AgentCard(props: AgentCardProps) {
                                         <Popover>
                                             <PopoverTrigger>
                                                 <Button
-                                                    className={`bg-[hsl(var(--background))] w-14 h-14 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
+                                                    className={`bg-[hsl(var(--background))] w-10 h-10 p-0 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
                                                 >
                                                     <DotsThreeVertical
                                                         className={`w-6 h-6 ${convertColorToTextClass(props.data.color)}`}
@@ -417,7 +417,7 @@ function AgentCard(props: AgentCardProps) {
                                 <div className="float-right">
                                     {props.userProfile ? (
                                         <Button
-                                            className={`bg-[hsl(var(--background))] w-14 h-14 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
+                                            className={`bg-[hsl(var(--background))] w-10 h-10 p-0 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
                                             onClick={() => openChat(props.data.slug, userData)}
                                         >
                                             <PaperPlaneTilt
@@ -507,7 +507,7 @@ function AgentCard(props: AgentCardProps) {
                                         <Popover>
                                             <PopoverTrigger>
                                                 <Button
-                                                    className={`bg-[hsl(var(--background))] w-14 h-14 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
+                                                    className={`bg-[hsl(var(--background))] w-10 h-10 p-0 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
                                                 >
                                                     <DotsThreeVertical
                                                         className={`w-6 h-6 ${convertColorToTextClass(props.data.color)}`}
@@ -564,7 +564,7 @@ function AgentCard(props: AgentCardProps) {
                                 <div className="float-right">
                                     {props.userProfile ? (
                                         <Button
-                                            className={`bg-[hsl(var(--background))] w-14 h-14 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
+                                            className={`bg-[hsl(var(--background))] w-10 h-10 p-0 rounded-xl border dark:border-neutral-700 shadow-sm hover:bg-stone-100 dark:hover:bg-neutral-900`}
                                             onClick={() => openChat(props.data.slug, userData)}
                                         >
                                             <PaperPlaneTilt