diff --git a/src/app/layout/components/header/header.component.html b/src/app/layout/components/header/header.component.html
index 458fb79c..e0ea84cf 100755
--- a/src/app/layout/components/header/header.component.html
+++ b/src/app/layout/components/header/header.component.html
@@ -197,14 +197,18 @@
       class="d-md-block d-xl-none d-lg-none d-sm-block button-connect"
       (click)="connect(connectModal)"
     >
-     Connect
+      Connect
     </button>
 
     <!-- end mdddd-->
     <!--start desktop  collapse navbar-collapse-->
     <div class="desktop-menu" id="navbarSupportedContent">
       <ul class="d-flex ul-left-side">
-        <li class="li-menu" [ngClass]="{ 'is-visited': menuWallet }" id="introo">
+        <li
+          class="li-menu"
+          [ngClass]="{ 'is-visited': menuWallet }"
+          id="introo"
+        >
           <a
             *ngIf="isConnected"
             class="wallet"
@@ -219,7 +223,11 @@
             >{{ 'Sidebar.Wallet' | translate }}</a
           >
         </li>
-        <li class="li-menu" [ngClass]="{ 'is-visited': menuAdpool }" id="intro2">
+        <li
+          class="li-menu"
+          [ngClass]="{ 'is-visited': menuAdpool }"
+          id="intro2"
+        >
           <a
             class="adpools"
             [routerLink]="['/ad-pools']"
@@ -228,7 +236,11 @@
             <span>{{ 'Ad_Pools' | translate }}</span>
           </a>
         </li>
-        <li class="li-menu" [ngClass]="{ 'is-visited': menuFarmPost }" id="intro3">
+        <li
+          class="li-menu"
+          [ngClass]="{ 'is-visited': menuFarmPost }"
+          id="intro3"
+        >
           <a
             *ngIf="isConnected"
             class="farmPost"
@@ -256,7 +268,11 @@
             ><span>{{ 'Sidebar.history_transaction' | translate }}</span></a
           >
         </li>
-        <li class="li-menu" [ngClass]="{ 'is-visited': menuBuyToken }" id="intro6">
+        <li
+          class="li-menu"
+          [ngClass]="{ 'is-visited': menuBuyToken }"
+          id="intro6"
+        >
           <a
             class="farmPost"
             [routerLink]="['/wallet/buy-token']"
@@ -264,8 +280,15 @@
             >{{ 'menu_buyToken' | translate }}</a
           >
         </li>
-        <li class="li-menu" [ngClass]="{ 'is-visited': menuTokenInfo }" id="intro7">
-          <a style="cursor: pointer"  [routerLink]="['/wallet/token-info']" (click)="checkMenuTokenInfo()"
+        <li
+          class="li-menu"
+          [ngClass]="{ 'is-visited': menuTokenInfo }"
+          id="intro7"
+        >
+          <a
+            style="cursor: pointer"
+            [routerLink]="['/wallet/token-info']"
+            (click)="checkMenuTokenInfo()"
             >{{ 'token_info' | translate }}</a
           >
         </li>
@@ -690,7 +713,11 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
         class="right_nav_side navbar-nav"
         *ngIf="isPlatformBrowser && !isConnected && showConnectButton"
       >
-        <button type="button" class="button-connect d-none d-md-block" (click)="connect(connectModal)">
+        <button
+          type="button"
+          class="button-connect d-none d-md-block"
+          (click)="connect(connectModal)"
+        >
           Connect
         </button>
         <!--
@@ -739,14 +766,19 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
       "
       *ngIf="existV1 && existV2"
     >
-      <div class="row justify-content-center d-flex">{{ titleWallet }}</div>
+      <div style="font-weight: 500" class="row justify-content-center d-flex">
+        {{ titleWallet }}
+      </div>
       <div class="row d-flex">
         <img
-          class="col-2 offset-1 align-self-center mr-2 change-wallet-img"
+          class="col-2 offset-1 align-self-center mr-2 change-wallet-img spin-animation"
           (click)="isDisplayNew()"
           src="../../assets/Images/custom_icons/bi_arrow-repeat.svg"
         />
-        <div class="col align-self-center justify-content-center">
+        <div
+          (click)="isDisplayNew()"
+          class="col align-self-center justify-content-center title_wallet_btn"
+        >
           {{ title }}
         </div>
       </div>
@@ -802,7 +834,7 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
               "
             >
               <span class="span-text-wallet"
-                >{{ btcCodeV2.slice(0, 2) }}...{{ btcCodeV2.slice(-12) }}</span
+                >{{ btcCodeV2.slice(0, 4) }}...{{ btcCodeV2.slice(-3) }}</span
               >
 
               <span class="pr-1 position-relative"
@@ -856,7 +888,7 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
                 "
               >
                 <span class="span-text-wallet"
-                  >{{ erc20V2?.slice(0, 2) }}...{{ erc20V2?.slice(-12) }}</span
+                  >{{ erc20V2?.slice(0, 4) }}...{{ erc20V2?.slice(-3) }}</span
                 >
 
                 <span class="pr-1 position-relative"
@@ -935,8 +967,8 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
               "
             >
               <span class="span-text-wallet"
-                >{{ tronAddressV2?.slice(0, 2) }}...{{
-                  tronAddressV2?.slice(-12)
+                >{{ tronAddressV2?.slice(0, 4) }}...{{
+                  tronAddressV2?.slice(-3)
                 }}</span
               >
 
@@ -967,7 +999,6 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
         </div>
       </div>
     </div>
-
     <div *ngIf="existV1" class="container-qr">
       <div class="mobile container" id="qr-container">
         <div class="item">
@@ -993,7 +1024,7 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
               "
             >
               <span class="span-text-wallet"
-                >{{ btcCode.slice(0, 2) }}...{{ btcCode.slice(-12) }}</span
+                >{{ btcCode.slice(0, 4) }}...{{ btcCode.slice(-3) }}</span
               >
 
               <span class="pr-1 position-relative"
@@ -1047,7 +1078,7 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
                 "
               >
                 <span class="span-text-wallet"
-                  >{{ erc20.slice(0, 2) }}...{{ erc20.slice(-12) }}</span
+                  >{{ erc20.slice(0, 4) }}...{{ erc20.slice(-3) }}</span
                 >
 
                 <span class="pr-1 position-relative"
@@ -1126,8 +1157,8 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
               "
             >
               <span class="span-text-wallet"
-                >{{ tronAddress.slice(0, 2) }}...{{
-                  tronAddress.slice(-12)
+                >{{ tronAddress.slice(0, 4) }}...{{
+                  tronAddress.slice(-3)
                 }}</span
               >
 
@@ -1158,78 +1189,111 @@ <h4 class="Bep d-flex justify-content-center mb-4">Wallet BTC</h4>
         </div>
       </div>
     </div>
+    <!-- <div class="row d-flex">
+        <img
+          class="col-2 offset-1 align-self-center mr-2 change-wallet-img"
+          (click)="isDisplayNew()"
+          src="../../assets/Images/custom_icons/bi_arrow-repeat.svg"
+        />
+        <div class="col align-self-center justify-content-center">
+          {{ title }}
+        </div>
+      </div> -->
   </div>
 </div>
 
-
 <ng-template #connectModal>
-    <div *ngIf="getScreenWidth > 767" class="d-flex">
-      <div class="d-block col-5 block-primary">
-        <img src="./../../../../assets/Images/connect-wallet-icon.svg" class="description-image" >
-        <h4 class="description-title">
-         
-          {{ 'connect_wallet_title' | translate}}
+  <div *ngIf="getScreenWidth > 767" class="d-flex">
+    <div class="d-block col-5 block-primary">
+      <img
+        src="./../../../../assets/Images/connect-wallet-icon.svg"
+        class="description-image"
+      />
+      <h4 class="description-title">
+        {{ 'connect_wallet_title' | translate }}
+      </h4>
+      <p class="description-content">
+        {{ 'connect_wallet_body' | translate }}
+      </p>
+    </div>
+
+    <div class="d-block" style="width: 100%">
+      <div class="d-flex justify-content-between description-block">
+        <h4 class="modal-title">
+          {{ 'available_wallets' | translate }}
         </h4>
-        <p class="description-content">
-          {{ 'connect_wallet_body' | translate}}
-        </p>
+        <button (click)="closeModal()" class="close-button">
+          <img src="./../../../../assets/Images/icon-close.svg" />
+        </button>
       </div>
-     
-      <div class="d-block" style=" width: 100%;">
-        <div class="d-flex justify-content-between description-block" >
-          <h4 class="modal-title">
-            {{"available_wallets" | translate}}
-          </h4>
-          <button (click)="closeModal()" class="close-button" >
-            <img src="./../../../../assets/Images/icon-close.svg" />
-          </button>
-        </div>
-        
-  
-        <div class="d-flex flex-column justify-content-center align-items-center buttons-block" >
 
-          <button
+      <div
+        class="d-flex flex-column justify-content-center align-items-center buttons-block"
+      >
+        <button
+          type="button"
+          (click)="sattConnect()"
+          class="generator wallet-connect-button"
+        >
+          <img
+            src="./../../../../assets/Images/Satt.svg"
+            class="wallet-connect-type"
+          />
+          {{ 'satt_wallet' | translate }}
+        </button>
+
+        <button
+          (click)="metaMaskConnect()"
+          type="button"
+          class="generator wallet-connect-button"
+        >
+          <img
+            src="./../../../../assets/Images/metamask.svg"
+            class="wallet-connect-type"
+          />
+          {{ 'metamask_wallet' | translate }}
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div *ngIf="getScreenWidth <= 767" class="mobile-block">
+    <button (click)="closeModal()" class="close-button">
+      <img src="./../../../../assets/Images/icon-close.svg" />
+    </button>
+    <img
+      src="./../../../../assets/Images/connect-wallet-icon.svg"
+      class="description-image"
+    />
+    <h4 class="modal-title">
+      {{ 'available_wallets' | translate }}
+    </h4>
+    <div
+      class="d-flex flex-column justify-content-center align-items-center buttons-block"
+    >
+      <button
         type="button"
-        
         (click)="sattConnect()"
-        class="generator wallet-connect-button"><img src="./../../../../assets/Images/Satt.svg" class="wallet-connect-type"/> {{'satt_wallet' | translate}}
+        class="generator wallet-connect-button"
+      >
+        <img
+          src="./../../../../assets/Images/Satt.svg"
+          class="wallet-connect-type"
+        />
+        {{ 'satt_wallet' | translate }}
       </button>
-    
+
       <button
-      (click)="metaMaskConnect()"
+        (click)="metaMaskConnect()"
         type="button"
-        class="generator wallet-connect-button"><img src="./../../../../assets/Images/metamask.svg" class="wallet-connect-type" /> {{'metamask_wallet' | translate}} 
-      </button>
-        </div>
-        
-      </div>
-    </div>
-   
-    <div *ngIf="getScreenWidth <= 767" class="mobile-block">
-      <button (click)="closeModal()" class="close-button">
-        <img src="./../../../../assets/Images/icon-close.svg" />
+        class="generator wallet-connect-button"
+      >
+        <img
+          src="./../../../../assets/Images/metamask.svg"
+          class="wallet-connect-type"
+        />
+        {{ 'metamask_wallet' | translate }}
       </button>
-      <img src="./../../../../assets/Images/connect-wallet-icon.svg" class="description-image" >
-      <h4 class="modal-title">
-        {{"available_wallets" | translate}}
-      </h4>
-      <div class="d-flex flex-column justify-content-center align-items-center buttons-block" >
-
-        <button
-      type="button"
-      
-      (click)="sattConnect()"
-      class="generator wallet-connect-button"><img src="./../../../../assets/Images/Satt.svg" class="wallet-connect-type"/> {{'satt_wallet' | translate}}
-    </button>
-  
-    <button
-    (click)="metaMaskConnect()"
-      type="button"
-      class="generator wallet-connect-button"><img src="./../../../../assets/Images/metamask.svg" class="wallet-connect-type" /> {{'metamask_wallet' | translate}} 
-    </button>
-      </div>
     </div>
- 
- 
-  
-  </ng-template>
\ No newline at end of file
+  </div>
+</ng-template>
diff --git a/src/app/layout/components/header/header.component.scss b/src/app/layout/components/header/header.component.scss
index 6816a7f5..32004abf 100755
--- a/src/app/layout/components/header/header.component.scss
+++ b/src/app/layout/components/header/header.component.scss
@@ -10,26 +10,22 @@
       display: none !important;
     }
   }
-
-
-  
 }
 
-
-
 .wallet-connect-type {
   max-width: 100%;
-  height: 85% ; 
+  height: 85%;
   margin-right: 0.75vw;
 }
 
 .buttons-block {
-  margin-top: 20%; 
+  margin-top: 20%;
   margin-bottom: 20%;
 }
 
 .modal-title {
-  margin-left: 1vw; font-style: normal;
+  margin-left: 1vw;
+  font-style: normal;
   font-weight: 700;
   margin-bottom: 0px;
   line-height: 2rem;
@@ -38,41 +34,41 @@
 }
 
 .close-button {
-  border: none; 
-  background-color: transparent; 
+  border: none;
+  background-color: transparent;
   margin-right: 1vw;
 }
 
 .wallet-connect-button {
   display: flex;
   align-items: center;
-  height : 6vh;
+  height: 6vh;
   background-color: transparent;
   border-radius: 3rem;
   width: 60%;
   font-family: 'Poppins';
   color: black;
-  
+
   box-shadow: 0 4px 4px #00000040;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   text-align: center;
-  letter-spacing: .03em;
+  letter-spacing: 0.03em;
   border: none;
   margin-top: 1vh;
   font-size: medium;
 }
 
 .block-primary {
-  background-color: rgb(238, 236, 236);  
+  background-color: rgb(238, 236, 236);
   border-right: 1px solid rgb(187, 185, 185);
   border-top-left-radius: 30px;
   border-bottom-left-radius: 30px;
 }
 
 .description-image {
-  margin-top: 5vh; 
+  margin-top: 5vh;
   margin-bottom: 2.5vh;
   display: block;
   margin-left: auto;
@@ -83,7 +79,7 @@
 .description-title {
   font-style: normal;
   font-weight: 700;
-  
+
   line-height: 2rem;
   letter-spacing: 1px;
   text-align: center;
@@ -100,9 +96,9 @@
 }
 
 .description-block {
-  border-bottom: 1px solid rgb(187, 185, 185); 
-  margin-top: 1vh; 
-  margin-bottom: 1vh; 
+  border-bottom: 1px solid rgb(187, 185, 185);
+  margin-top: 1vh;
+  margin-bottom: 1vh;
   padding-bottom: 1vh;
 }
 
@@ -113,10 +109,9 @@
   top: 0;
 }
 
-.modal-body.modal-custom{
-  margin-top: 0 !important; 
-   
- }
+.modal-body.modal-custom {
+  margin-top: 0 !important;
+}
 #title_wallet {
   // position: absolute;
   // top: 10%;
@@ -145,7 +140,7 @@
 
 @media (max-width: 767px) {
   .wallet-connect-button {
-    width: 80%
+    width: 80%;
   }
   .close-button {
     position: fixed;
@@ -153,7 +148,7 @@
     left: 85%;
     top: 0;
   }
-  
+
   .description-image {
     margin-top: 25vh;
     width: 25%;
@@ -166,8 +161,6 @@
   .buttons-block {
     margin-top: 4vh;
   }
-
-  
 }
 @media (max-height: 780px) {
   .container-qr {
@@ -691,7 +684,6 @@ ul.dropdown-menu.notif_drop_main.show {
   display: none;
 }
 
-
 .ul-left-side {
   display: flex;
   flex-wrap: wrap;
@@ -700,9 +692,9 @@ ul.dropdown-menu.notif_drop_main.show {
 }
 
 .li-menu {
-  flex:auto;
+  flex: auto;
   white-space: nowrap;
-  padding:5px;
+  padding: 5px;
   margin-left: -1%;
   align-content: center;
 }
@@ -726,7 +718,7 @@ ul.dropdown-menu.notif_drop_main.show {
   /* .right-menu {
         display: none;
     } */
-  /*.li-menu {
+/*.li-menu {
     margin: 0 !important;
     padding: 5px !important;
     width: auto;
@@ -746,10 +738,10 @@ ul.dropdown-menu.notif_drop_main.show {
     width: 45px !important;
     gap: 0 !important;
   }*/
-  /* ul.dropdown-menu.notif_drop_main.show {
+/* ul.dropdown-menu.notif_drop_main.show {
         width: 300px;
         height: 90vh;
-    } *//*
+    } */ /*
   .notifBody {
     max-width: 240px;
   }
@@ -918,7 +910,8 @@ ul.droptrans.show {
 }
 
 li {
-  font-size: 14px;}
+  font-size: 14px;
+}
 
 .navbar .show {
   display: block;
@@ -1483,6 +1476,7 @@ li:focus {
   cursor: pointer;
 }
 .img-copied {
+  padding-left: 0.5em;
   cursor: pointer;
 }
 
@@ -1750,6 +1744,25 @@ bottom: 77.54% ; */
   overflow: hidden;
 }
 
+.title_wallet_btn {
+  text-decoration: underline;
+}
+.spin-animation {
+  animation: spin 2s ease-in-out 3, steps(1) 6;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  50% {
+    transform: rotate(360deg);
+  }
+  100% {
+    transform: rotate(720deg);
+  }
+}
+
 .title {
   /* MOBILE/Titles/H3 */
   position: relative;