diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 0e625d1a682e7be846fc5c4e527fd6592ec37292..677b4e026bee2196c7d0749313717cafcd9d24d5 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -42,7 +42,14 @@ const Button = ({
 
   return (
     <NextButton
-      startContent={icon && <Icon name={icon} customClass={iconClass} />}
+      startContent={
+        icon && (
+          <Icon
+            name={icon}
+            customClass={clsx(iconClass, "w-[16px] h-[16px]")}
+          />
+        )
+      }
       className={clsx(
         bgClass(isDisabled),
         cursorPointer(isDisabled),
diff --git a/src/stories/Icon.stories.ts b/src/stories/Icon.stories.ts
index 8bcbf5d72037b13579c3bf2430fab8796660f940..4d6294a1c7ad55bbc2fddd66ef94fc91a763fc44 100644
--- a/src/stories/Icon.stories.ts
+++ b/src/stories/Icon.stories.ts
@@ -17,5 +17,6 @@ export const SimpleIcon: StoryObj = {
   args: {
     name: "attention-circle",
     color: "body",
+    customClass: "w-[16px] h-[16px]",
   },
 };