diff --git a/packages/mask/src/plugins/CryptoartAI/SNSAdaptor/ActionBar.tsx b/packages/mask/src/plugins/CryptoartAI/SNSAdaptor/ActionBar.tsx
index cc898a98a4f3..6051dbc657e2 100644
--- a/packages/mask/src/plugins/CryptoartAI/SNSAdaptor/ActionBar.tsx
+++ b/packages/mask/src/plugins/CryptoartAI/SNSAdaptor/ActionBar.tsx
@@ -59,6 +59,7 @@ export function ActionBar(props: ActionBarProps) {
             assetSource?.trade?.is_auction ? (
                 <ActionButton
                     variant="roundedDark"
+                    fullWidth
                     onClick={() => {
                         onOpenOfferDialog()
                     }}>
@@ -70,7 +71,7 @@ export function ActionBar(props: ActionBarProps) {
             !assetSource?.is24Auction &&
             assetSource?.priceInEth < 100000 &&
             assetSource?.trade?.isCanBuy ? (
-                <ActionButton variant="roundedDark" onClick={onOpenCheckoutDialog}>
+                <ActionButton fullWidth variant="roundedDark" onClick={onOpenCheckoutDialog}>
                     {t('plugin_collectible_buy_now')}
                 </ActionButton>
             ) : null}