diff --git a/src/components/market/NftInfo.vue b/src/components/market/NftInfo.vue
index 93c7aa8..c81f617 100644
--- a/src/components/market/NftInfo.vue
+++ b/src/components/market/NftInfo.vue
@@ -7,7 +7,7 @@
         <span>Back to MarketPlace</span>
       </div>
       <div class="base-info">
-        <div class="mobile-nft-id">#1233222</div>
+        <div class="nft-id-mobile">#1233222</div>
         <div class="class-info">
           <img :src="require('@/assets/main/card/class_0.png')">
           <span class="name-label">Aoi</span>
@@ -29,7 +29,7 @@
       </div>
     </div>
     <div class="right-part">
-      <div class="nft-id"></div>
+      <div class="nft-id-desktop">#123123123123</div>
       <div class="border basic-data">
         <div class="title">
           Basic Data
@@ -144,6 +144,9 @@ export default class extends Vue {
     padding-top: 20px;
     z-index: 2;
     .base-info {
+      .nft-id-mobile{
+        display: none;
+      }
       img{
         width: 55px;
         height: 55px;
@@ -204,6 +207,10 @@ export default class extends Vue {
     width: 35%;
     font-family: 'zitic',serif;
     z-index: 2;
+    .nft-id-desktop{
+      color: #46E0F4;
+      font-size: 26px;
+    }
     .border {
       display: flex;
       flex-direction: column;
@@ -344,6 +351,11 @@ export default class extends Vue {
       }
       .base-info{
         margin-top: 100px;
+        .nft-id-mobile{
+          color: #46E0F4;
+          font-size: 20px;
+          display: block;
+        }
         .class-info{
           img{
             height: 30px;
@@ -366,6 +378,9 @@ export default class extends Vue {
       align-items: center;
       display: flex;
       flex-direction: column;
+      .nft-id-desktop{
+        display: none;
+      }
       .border{
         width: 91%;
         .title {