diff --git a/packages/mask/src/plugins/Trader/SNSAdaptor/trending/TrendingViewDeck.tsx b/packages/mask/src/plugins/Trader/SNSAdaptor/trending/TrendingViewDeck.tsx
index 549f9909e4ae..704b93a0c5c5 100644
--- a/packages/mask/src/plugins/Trader/SNSAdaptor/trending/TrendingViewDeck.tsx
+++ b/packages/mask/src/plugins/Trader/SNSAdaptor/trending/TrendingViewDeck.tsx
@@ -104,6 +104,12 @@ const useStyles = makeStyles()((theme) => {
             width: 24,
             height: 24,
         },
+        buyButton: {
+            background: theme.palette.maskColor.dark,
+            color: theme.palette.maskColor.white,
+            marginLeft: 'auto',
+            marginBottom: theme.spacing(2),
+        },
     }
 })
 
@@ -253,6 +259,16 @@ export function TrendingViewDeck(props: TrendingViewDeckProps) {
                                         />
                                     </>
                                 ) : null}
+                                {isBuyable ? (
+                                    <Button
+                                        className={classes.buyButton}
+                                        size="small"
+                                        startIcon={<BuyIcon style={{ fontSize: 16 }} />}
+                                        variant="contained"
+                                        onClick={onBuyButtonClicked}>
+                                        {t('buy_now')}
+                                    </Button>
+                                ) : null}
                             </Stack>
                             <Stack direction="row" justifyContent="space-between">
                                 <Stack direction="row" gap={1} alignItems="center">
@@ -292,21 +308,6 @@ export function TrendingViewDeck(props: TrendingViewDeckProps) {
                             </Stack>
                         </Stack>
                     </Stack>
-                    <Stack>
-                        {isBuyable ? (
-                            <Button
-                                style={{
-                                    background: theme.palette.maskColor.dark,
-                                    color: theme.palette.maskColor.white,
-                                }}
-                                size="small"
-                                startIcon={<BuyIcon style={{ fontSize: 16 }} />}
-                                variant="contained"
-                                onClick={onBuyButtonClicked}>
-                                {t('buy_now')}
-                            </Button>
-                        ) : null}
-                    </Stack>
                 </Stack>
             </Stack>
             <CardContent className={classes.content}>