diff --git a/src/components/common/hangingCard.vue b/src/components/common/hangingCard.vue
index dcae232..c1a8db2 100644
--- a/src/components/common/hangingCard.vue
+++ b/src/components/common/hangingCard.vue
@@ -131,7 +131,7 @@ div {
                     .nft {
                       display: flex;
                       align-items: center;
-                      justify-content: space-evenly;
+                      // justify-content: space-evenly;
                       .nft-img {
                         width: 213px;
                         height: 100%;
@@ -158,9 +158,9 @@ div {
                         }
                       }
                       .nft-name {
-                        width: 120px;
+                        width: 140px;
                         text-align: left;
-                        margin-left: 20px;
+                        margin-left: 5px;
                       }
                     }
                     .price {
@@ -201,7 +201,9 @@ div {
                       font-size: 28px;
                       cursor: pointer;
                     }
-                    
+                    &:nth-child(1) {
+                      padding-left: 0px;
+                    }
                   }
                   &:hover {
                     background: #16141b !important;
diff --git a/src/components/common/tradingCard.vue b/src/components/common/tradingCard.vue
index cad4b3a..537f698 100644
--- a/src/components/common/tradingCard.vue
+++ b/src/components/common/tradingCard.vue
@@ -14,7 +14,8 @@
       <a-table-column title="Status" data-index="event" :width="400">
         <template  #default="{ text: event }">
           <div class="status">
-            <div class="nft-status">{{ event.data.activity_type }}</div>
+            <div class="nft-status" v-if="event.data.details.from == localWalletStore.address">{{ event.data.activity_type }}</div>
+            <div class="nft-status" v-else>Purchase</div>
           </div>
         </template>
       </a-table-column>
@@ -91,6 +92,8 @@ import { ref } from "vue"
 import ImgCard from "@/components/common/imgCard.vue"
 import { sliceAddress, showTime, priceCalculated } from "@/configs/priceCalculate"
 import { currentChainCfg } from '@/components/chain/utils'
+import {walletStore} from "@/store/wallet";
+const localWalletStore = walletStore()
 
 const props = defineProps({
   nftData: {
@@ -143,6 +146,7 @@ div {
                     background: #16141b !important;
                     overflow: visible !important;
                     vertical-align: middle;
+                    // padding: 12px;
                     >div {
                       text-align: center;
                       font-family: 'Poppins';
@@ -182,7 +186,7 @@ div {
                       .nft-name {
                         width: 140px;
                         text-align: left;
-                        margin-left: 20px;
+                        margin-left: 5px;
                       }
                     }
                     .status {
@@ -244,6 +248,9 @@ div {
                         }
                       }
                     }
+                    &:nth-child(1) {
+                      padding-left: 0px;
+                    }
                   }
                   &:hover {
                     background: #16141b !important;