diff --git a/src/elements/IconButton.tsx b/src/elements/IconButton.tsx
index 64d78a4ae..69f4c379a 100644
--- a/src/elements/IconButton.tsx
+++ b/src/elements/IconButton.tsx
@@ -116,13 +116,13 @@ export function IconButton({
       return (
         <>
           {badgeNumber === undefined ? (
-            <PrimaryButton as={BaseButton} {...buttonProps} />
+            <PrimaryButton {...buttonProps} />
           ) : (
             <Wrapper className={className} style={style}>
               <BadgeNumber $backgroundColor={badgeBackgroundColor} $color={badgeColor} $size={size}>
                 {badgeNumber}
               </BadgeNumber>
-              <PrimaryButton as={BaseButton} {...buttonProps} />
+              <PrimaryButton {...buttonProps} />
             </Wrapper>
           )}
         </>