diff --git a/apps/user/app/auth/send-code.tsx b/apps/user/app/auth/send-code.tsx
index 3333600..58fb583 100644
--- a/apps/user/app/auth/send-code.tsx
+++ b/apps/user/app/auth/send-code.tsx
@@ -2,7 +2,7 @@
 
 import useGlobalStore from '@/config/use-global';
 import { sendEmailCode, sendSmsCode } from '@/services/common/common';
-import { Button } from '@workspace/airo-ui/components/button';
+import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
 import { useCountDown } from 'ahooks';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
@@ -81,15 +81,14 @@ export default function SendCode({ type, params }: SendCodeProps) {
     (type === 'email' ? !params.email : !params.telephone || !params.telephone_area_code);
 
   return (
-    <Button
+    <AiroButton
       type='button'
-      className={
-        'h-[30px] w-[109px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] text-base hover:bg-[#225BA9] hover:text-white'
-      }
+      variant={'primary'}
+      className={'h-[30px] w-[109px]'}
       onClick={handleSendCode}
       disabled={disabled}
     >
       {seconds > 0 ? `${seconds}s` : t('get')}
-    </Button>
+    </AiroButton>
   );
 }