diff --git a/package.json b/package.json
index 9b91d13c0..58b5e1235 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@metamask/detect-provider": "^2.0.0",
-    "@soramitsu/soraneo-wallet-web": "1.26.4",
+    "@soramitsu/soraneo-wallet-web": "1.26.5",
     "@walletconnect/ethereum-provider": "^2.10.4",
     "@walletconnect/modal": "^2.6.2",
     "core-js": "^3.33.2",
diff --git a/src/App.vue b/src/App.vue
index 40692408d..3ee44bc6e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <s-design-system-provider :value="libraryDesignSystem" id="app" class="app" :class="responsiveClass">
+  <s-design-system-provider :value="libraryDesignSystem" id="app" class="app" :class="dsProviderClasses">
     <app-header :loading="loading" @toggle-menu="toggleMenu" />
     <div :class="appClasses">
       <app-menu
@@ -58,7 +58,7 @@ import { PageNames, Components, Language, BreakpointClass, Breakpoint } from '@/
 import { getLocale } from '@/lang';
 import router, { goTo, lazyComponent } from '@/router';
 import { action, getter, mutation, state } from '@/store/decorators';
-import { preloadFontFace, updateDocumentTitle } from '@/utils';
+import { getMobileCssClasses, preloadFontFace, updateDocumentTitle } from '@/utils';
 
 import type { FeatureFlags } from './store/settings/types';
 import type { EthBridgeSettings, SubNetworkApps } from './store/web3/types';
@@ -272,6 +272,10 @@ export default class App extends Mixins(mixins.TransactionMixin, NodeErrorMixin)
     return this.$route.name === PageNames.Swap && this.chartsEnabled;
   }
 
+  private get mobileCssClasses(): string[] | undefined {
+    return getMobileCssClasses();
+  }
+
   get isAboutPage(): boolean {
     return this.$route.name === PageNames.About;
   }
@@ -280,6 +284,10 @@ export default class App extends Mixins(mixins.TransactionMixin, NodeErrorMixin)
     return this.isAboutPage || this.isSwapPageWithCharts || this.$route.name === PageNames.Tokens;
   }
 
+  get dsProviderClasses(): string[] | BreakpointClass {
+    return this.mobileCssClasses?.length ? [...this.mobileCssClasses, this.responsiveClass] : this.responsiveClass;
+  }
+
   get appClasses(): Array<string> {
     const baseClass = 'app-main';
     const cssClasses: Array<string> = [baseClass];
@@ -424,6 +432,13 @@ ul ul {
   }
 }
 
+.mobile.ios {
+  .el-scrollbar__bar,
+  .asset-list .scrollbar {
+    opacity: 0.01 !important; // Fix iOS double tap issues
+  }
+}
+
 .el-notification.sora {
   background: var(--s-color-brand-day);
   box-shadow: var(--s-shadow-tooltip);
diff --git a/src/components/App/Alerts/AlertList.vue b/src/components/App/Alerts/AlertList.vue
index 7717e0e96..af29102f4 100644
--- a/src/components/App/Alerts/AlertList.vue
+++ b/src/components/App/Alerts/AlertList.vue
@@ -1,33 +1,40 @@
 <template>
   <div>
-    <div class="alerts-list">
-      <account-card v-for="(alert, index) in alerts" :key="index" class="alerts-list__item" v-button>
-        <template #avatar>
-          <token-logo :tokenSymbol="alert.token" />
-        </template>
-        <template #name>
-          <span class="condition">{{ getDescription(alert) }}</span>
-        </template>
-        <template #description>
-          <span class="current-price">{{ getInfo(alert) }}</span>
-        </template>
-        <div class="alerts-list__type">{{ getType(alert) }}</div>
-        <el-popover popper-class="settings-alert-popover" trigger="click" :visible-arrow="false">
-          <div class="settings-alert-option" @click="handleEditAlert(alert, index)">
-            <s-icon name="el-icon-edit" />
-            <span>{{ t('alerts.edit') }}</span>
-          </div>
-          <div class="settings-alert-option" @click="handleDeleteAlert(index)">
-            <s-icon name="el-icon-delete" />
-            <span>{{ t('alerts.delete') }}</span>
-          </div>
-          <div slot="reference">
-            <s-icon class="options-icon" name="basic-more-vertical-24" />
-          </div>
-        </el-popover>
-      </account-card>
-      <div v-if="alerts.length" class="line" />
-    </div>
+    <s-scrollbar class="alerts-list-scrollbar" :key="scrollKey">
+      <div class="alerts-list">
+        <account-card v-for="(alert, index) in alerts" :key="index" class="alerts-list__item" v-button>
+          <template #avatar>
+            <token-logo :tokenSymbol="alert.token" />
+          </template>
+          <template #name>
+            <span class="condition">{{ getDescription(alert) }}</span>
+          </template>
+          <template #description>
+            <span class="current-price">{{ getInfo(alert) }}</span>
+          </template>
+          <div class="alerts-list__type">{{ getType(alert) }}</div>
+          <el-popover
+            :ref="'alertMenu' + index"
+            popper-class="settings-alert-popover"
+            trigger="click"
+            :visible-arrow="false"
+          >
+            <div class="settings-alert-option" @click="handleEditAlert(alert, index)">
+              <s-icon name="el-icon-edit" />
+              <span>{{ t('alerts.edit') }}</span>
+            </div>
+            <div class="settings-alert-option" @click="handleDeleteAlert(index)">
+              <s-icon name="el-icon-delete" />
+              <span>{{ t('alerts.delete') }}</span>
+            </div>
+            <div slot="reference">
+              <s-icon class="options-icon" name="basic-more-vertical-24" />
+            </div>
+          </el-popover>
+        </account-card>
+      </div>
+    </s-scrollbar>
+    <s-divider v-if="alerts.length" />
     <div v-if="showCreateAlertBtn" class="settings-alert-section">
       <s-button class="el-dialog__close" type="action" icon="plus-16" @click="handleCreateAlert" :disabled="loading" />
       <span class="create">{{ t('alerts.createBtn') }}</span>
@@ -41,10 +48,10 @@
 
 <script lang="ts">
 import { FPNumber } from '@sora-substrate/math';
-import { components, mixins } from '@soramitsu/soraneo-wallet-web';
+import { components, mixins, WALLET_CONSTS } from '@soramitsu/soraneo-wallet-web';
 import { Component, Mixins } from 'vue-property-decorator';
 
-import { MAX_ALERTS_NUMBER, ZeroStringValue } from '@/consts';
+import { ZeroStringValue } from '@/consts';
 import { getter, mutation, state } from '@/store/decorators';
 import { calcPriceChange, showMostFittingValue } from '@/utils';
 
@@ -74,11 +81,12 @@ export default class AlertList extends Mixins(
   @mutation.wallet.settings.setDepositNotifications private setDepositNotifications!: (flag: boolean) => void;
   @mutation.settings.setBrowserNotifsPopupEnabled private setBrowserNotifsPopupEnabled!: (flag: boolean) => void;
   @mutation.settings.setBrowserNotifsPopupBlocked private setBrowserNotifsPopupBlocked!: (flag: boolean) => void;
-
+  /** This key is needed for force re-rendering of the scrollbar component while getting rid of alerts */
+  scrollKey = 0;
   topUpNotifs: Nullable<boolean> = null;
 
   get showCreateAlertBtn(): boolean {
-    return this.alerts.length < MAX_ALERTS_NUMBER;
+    return this.alerts.length < WALLET_CONSTS.MAX_ALERTS_NUMBER;
   }
 
   isNotificationsEnabledByUser(): boolean {
@@ -116,6 +124,18 @@ export default class AlertList extends Mixins(
     return `${priceChangeFormatted}% · ${this.t('alerts.currentPrice')}: $${currentPriceFormatted}`;
   }
 
+  /** Re-center dialog programmatically (need to simplify it). Components lazy loading might break it */
+  private async recenterDialog(): Promise<void> {
+    await this.$nextTick();
+    const sDialog: any = this.$parent?.$parent;
+    sDialog?.computeTop?.();
+  }
+
+  /** Force close menu if it wasn't closed */
+  private forceCloseAlertMenu(index: number): void {
+    this.$refs['alertMenu' + index]?.[0]?.doClose?.();
+  }
+
   getType(alert: Alert) {
     return alert.once ? this.t('alerts.once') : this.t('alerts.always');
   }
@@ -125,12 +145,20 @@ export default class AlertList extends Mixins(
     this.$emit('create');
   }
 
+  private scrollForceUpdate(): void {
+    this.scrollKey++;
+  }
+
   handleDeleteAlert(position: number): void {
     this.removePriceAlert(position);
+    this.forceCloseAlertMenu(position);
+    this.recenterDialog();
+    this.scrollForceUpdate();
   }
 
   handleEditAlert(alert: Alert, position: number): void {
     this.$emit('edit-alert', { ...alert, position });
+    this.forceCloseAlertMenu(position);
   }
 
   handleTopUpNotifs(value: boolean): void {
@@ -139,6 +167,8 @@ export default class AlertList extends Mixins(
   }
 
   mounted(): void {
+    this.recenterDialog();
+
     if (Notification.permission !== 'granted') {
       this.setDepositNotifications(false);
     }
@@ -157,12 +187,19 @@ export default class AlertList extends Mixins(
   padding: $basic-spacing $inner-spacing-mini $basic-spacing $basic-spacing;
   font-size: var(--s-font-size-small);
 }
+.alerts-list-scrollbar {
+  @include scrollbar(-$inner-spacing-big);
+}
 </style>
 
 <style lang="scss" scoped>
+$item-height: 66px;
+$list-items: 5;
 .alerts-list {
+  max-height: calc(#{$item-height} * #{$list-items} + 16px);
+
   &__item {
-    margin-bottom: $inner-spacing-mini;
+    margin: 0 $inner-spacing-big $inner-spacing-mini;
   }
 
   &__type {
@@ -213,7 +250,7 @@ export default class AlertList extends Mixins(
 
   &-option {
     font-weight: 300;
-    font-size: $basic-spacing;
+    font-size: var(--s-font-size-medium);
     line-height: 150%;
     letter-spacing: -0.02em;
 
@@ -235,11 +272,4 @@ export default class AlertList extends Mixins(
     }
   }
 }
-
-.line {
-  width: 100%;
-  height: 1px;
-  margin: $basic-spacing 0;
-  background-color: var(--s-color-base-content-tertiary);
-}
 </style>
diff --git a/src/components/App/Alerts/Alerts.vue b/src/components/App/Alerts/Alerts.vue
index 13d140e12..5c91b3ef2 100644
--- a/src/components/App/Alerts/Alerts.vue
+++ b/src/components/App/Alerts/Alerts.vue
@@ -43,17 +43,15 @@ enum AlertPages {
   },
 })
 export default class Alerts extends Mixins(mixins.TransactionMixin) {
-  @state.settings.alertSettingsVisibility private alertSettingsVisibility!: boolean;
+  readonly AlertPages = AlertPages;
 
+  @state.settings.alertSettingsVisibility private alertSettingsVisibility!: boolean;
   @mutation.settings.setAlertSettingsPopup private setAlertSettingsPopup!: (flag: boolean) => void;
 
   alertToEdit: Nullable<NumberedAlert> = null;
   showAlertSelectTokenDialog = false;
-
   step = AlertPages.AlertList;
 
-  readonly AlertPages = AlertPages;
-
   get showAlertsPopup(): boolean {
     return this.alertSettingsVisibility;
   }
diff --git a/src/components/App/Alerts/CreateAlert.vue b/src/components/App/Alerts/CreateAlert.vue
index 95aa97aac..8a6b2e167 100644
--- a/src/components/App/Alerts/CreateAlert.vue
+++ b/src/components/App/Alerts/CreateAlert.vue
@@ -8,6 +8,7 @@
       <s-tab v-for="tab in AlertTypeTabs" :key="tab" :label="t(`alerts.${tab}`)" :name="tab" />
     </s-tabs>
     <s-float-input
+      ref="floatInput"
       v-model="amount"
       class="price-input"
       size="medium"
@@ -33,10 +34,8 @@
       </div>
       <token-select-button
         slot="right"
-        class="el-button--select-token"
         icon="chevron-down-rounded-16"
         :token="asset"
-        :tabindex="0"
         @click.stop="openSelectAssetDialog"
       />
       <div class="info" slot="bottom">
@@ -69,10 +68,10 @@
 
 <script lang="ts">
 import { FPNumber } from '@sora-substrate/math';
-import { components, mixins } from '@soramitsu/soraneo-wallet-web';
-import { Component, Mixins, Prop, Watch } from 'vue-property-decorator';
+import { components, mixins, WALLET_CONSTS } from '@soramitsu/soraneo-wallet-web';
+import { Component, Mixins, Prop, Watch, Ref } from 'vue-property-decorator';
 
-import { Components, MAX_ALERTS_NUMBER, ZeroStringValue } from '@/consts';
+import { Components, ZeroStringValue } from '@/consts';
 import type { EditableAlertObject, NumberedAlert } from '@/consts';
 import { lazyComponent } from '@/router';
 import { getter, mutation, state } from '@/store/decorators';
@@ -109,6 +108,7 @@ export default class CreateAlert extends Mixins(
   @mutation.wallet.settings.editPriceAlert editPriceAlert!: (alert: EditableAlertObject) => void;
 
   @Prop({ default: null, type: Object }) readonly alertToEdit!: NumberedAlert;
+  @Ref('floatInput') private floatInput!: any;
 
   @Watch('negativeDelta')
   private updateChoise(value: boolean): void {
@@ -203,7 +203,7 @@ export default class CreateAlert extends Mixins(
       return;
     }
 
-    if (this.alerts.length > MAX_ALERTS_NUMBER) return;
+    if (this.alerts.length > WALLET_CONSTS.MAX_ALERTS_NUMBER) return;
 
     this.addPriceAlert({
       token: this.asset.symbol,
@@ -224,7 +224,12 @@ export default class CreateAlert extends Mixins(
     this.asset = selectedAsset;
   }
 
-  mounted(): void {
+  async mounted(): Promise<void> {
+    // Re-center dialog programmatically (need to simplify it). Components lazy loading might break it
+    await this.$nextTick();
+    const sDialog: any = this.$parent?.$parent;
+    sDialog?.computeTop?.();
+
     if (this.isEditMode) {
       this.amount = this.alertToEdit.price;
       this.currentTypeTab = this.alertToEdit.type === 'drop' ? AlertTypeTabs.Drop : AlertTypeTabs.Raise;
@@ -237,6 +242,8 @@ export default class CreateAlert extends Mixins(
       this.selectAsset(this.xor);
     }
 
+    this.floatInput?.$children?.[0]?.focus?.(); // price input autofocus
+
     this.$root.$on('selectAlertAsset', (selectedAsset: AccountAsset) => {
       this.selectAsset(selectedAsset);
     });
diff --git a/src/components/App/Footer/Node/NodeInfo.vue b/src/components/App/Footer/Node/NodeInfo.vue
index de4db9183..f8826beac 100644
--- a/src/components/App/Footer/Node/NodeInfo.vue
+++ b/src/components/App/Footer/Node/NodeInfo.vue
@@ -6,13 +6,14 @@
     class="node-info s-flex"
     @submit.native.prevent="submitForm"
   >
-    <generic-page-header has-button-back :title="title" @back.stop="handleBack">
+    <generic-page-header class="node-info-title" has-button-back :title="title" @back.stop="handleBack">
       <template v-if="existing && removable">
         <s-button type="action" icon="basic-trash-24" @click="removeNode(nodeModel)" />
       </template>
     </generic-page-header>
     <s-form-item prop="name">
       <s-input
+        ref="nodeNameInput"
         class="node-info-input s-typography-input-field"
         :placeholder="t('nameText')"
         v-model="nodeModel.name"
@@ -60,11 +61,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Mixins, Prop } from 'vue-property-decorator';
+import { Component, Mixins, Prop, Ref } from 'vue-property-decorator';
 
 import TranslationMixin from '@/components/mixins/TranslationMixin';
-import { Components, Links } from '@/consts';
-import { lazyComponent } from '@/router';
+import GenericPageHeader from '@/components/shared/GenericPageHeader.vue';
+import { Links } from '@/consts';
 import type { Node, NodeItem } from '@/types/nodes';
 import { wsRegexp, dnsPathRegexp, ipv4Regexp } from '@/utils/regexp';
 
@@ -97,7 +98,7 @@ const stripEndingSlash = (str: string): string => (str.charAt(str.length - 1) ==
 
 @Component({
   components: {
-    GenericPageHeader: lazyComponent(Components.GenericPageHeader),
+    GenericPageHeader,
   },
 })
 export default class NodeInfo extends Mixins(TranslationMixin) {
@@ -110,6 +111,8 @@ export default class NodeInfo extends Mixins(TranslationMixin) {
   @Prop({ default: false, type: Boolean }) removable!: boolean;
   @Prop({ default: false, type: Boolean }) connected!: boolean;
 
+  @Ref('nodeNameInput') private readonly nodeNameInput!: HTMLInputElement;
+
   readonly tutorialLink = Links.nodes.tutorial;
 
   readonly validationRules = {
@@ -129,6 +132,17 @@ export default class NodeInfo extends Mixins(TranslationMixin) {
     );
   }
 
+  async mounted(): Promise<void> {
+    // Re-center dialog programmatically (need to simplify it). Components lazy loading might break it
+    await this.$nextTick();
+    const sDialog: any = this.$parent?.$parent;
+    sDialog?.computeTop?.();
+    // Focus first element if inputs are editable
+    if (!this.inputDisabled) {
+      this.nodeNameInput?.focus?.();
+    }
+  }
+
   /** Will be shown only for default nodes */
   get formattedLocation() {
     if (!(this.existing && this.node?.location)) {
@@ -229,6 +243,10 @@ $min-s-input-height: 58px;
   flex-direction: column;
   align-items: center;
 
+  &-title {
+    padding-top: calc(var(--s-basic-spacing) * 2);
+  }
+
   & > *:not(:last-child) {
     margin-bottom: $inner-spacing-medium;
     width: 100%;
diff --git a/src/components/App/Footer/Node/SelectNode.vue b/src/components/App/Footer/Node/SelectNode.vue
index bbdde2f85..4b012b20f 100644
--- a/src/components/App/Footer/Node/SelectNode.vue
+++ b/src/components/App/Footer/Node/SelectNode.vue
@@ -69,6 +69,13 @@ export default class SelectNode extends Mixins(TranslationMixin) {
     if (!location.name) return flag;
     return `${location.name} ${flag}`;
   }
+
+  async mounted(): Promise<void> {
+    // Re-center dialog programmatically (need to simplify it). Components lazy loading might break it
+    await this.$nextTick();
+    const sDialog: any = this.$parent?.$parent;
+    sDialog?.computeTop?.();
+  }
 }
 </script>
 
diff --git a/src/components/App/Footer/SelectNodeDialog.vue b/src/components/App/Footer/SelectNodeDialog.vue
index 43329498e..3fecec063 100644
--- a/src/components/App/Footer/SelectNodeDialog.vue
+++ b/src/components/App/Footer/SelectNodeDialog.vue
@@ -208,7 +208,7 @@ export default class SelectNodeDialog extends Mixins(NodeErrorMixin, mixins.Load
     this.currentView = view;
   }
 
-  private findInList(list, address: string): any {
+  private findInList(list: NodeItem[], address: string): any {
     return list.find((item) => item.address === address);
   }
 
diff --git a/src/components/App/Menu/AppMenu.vue b/src/components/App/Menu/AppMenu.vue
index d2f1e73f6..c3e273cab 100644
--- a/src/components/App/Menu/AppMenu.vue
+++ b/src/components/App/Menu/AppMenu.vue
@@ -17,7 +17,7 @@
           :default-active="currentPath"
           @select="onSelect"
         >
-          <s-menu-item-group v-for="(item, index) in sidebarMenuItems" :key="index">
+          <s-menu-item-group v-for="item in sidebarMenuItems" :key="item.index || item.title">
             <s-menu-item
               v-button
               :key="item.title"
@@ -247,11 +247,8 @@ export default class AppMenu extends Mixins(TranslationMixin) {
     &:focus {
       background-color: unset !important;
     }
-  }
-
-  .el-menu-item {
     i.el-icon-bank-card {
-      width: 28px;
+      width: 28px; // to avoid issue with paddings
     }
   }
 }
diff --git a/src/components/mixins/ChartSpecMixin.ts b/src/components/mixins/ChartSpecMixin.ts
index 37e4c2990..a673a0af0 100644
--- a/src/components/mixins/ChartSpecMixin.ts
+++ b/src/components/mixins/ChartSpecMixin.ts
@@ -94,6 +94,7 @@ export default class ChartSpecMixin extends Mixins(ThemePaletteMixin, Translatio
       scale: true,
       axisLabel: {
         ...AXIS_LABEL_CSS,
+        hideOverlap: true,
         margin: 0,
         padding: LABEL_PADDING - 1,
       },
diff --git a/src/components/pages/SoraCard/SoraCardKYC.vue b/src/components/pages/SoraCard/SoraCardKYC.vue
index 8ed2c0949..24ff927ac 100644
--- a/src/components/pages/SoraCard/SoraCardKYC.vue
+++ b/src/components/pages/SoraCard/SoraCardKYC.vue
@@ -180,7 +180,7 @@ export default class SoraCardKYC extends Mixins(TranslationMixin, mixins.Loading
   color: var(--s-color-base-content-secondary);
   text-align: center;
   margin-top: $basic-spacing;
-  font-size: $basic-spacing;
+  font-size: var(--s-font-size-medium);
   width: 25%;
   line-height: var(--s-size-mini);
 }
diff --git a/src/components/pages/Stats/SupplyChart.vue b/src/components/pages/Stats/SupplyChart.vue
index 4461ddb3d..4deb073c9 100644
--- a/src/components/pages/Stats/SupplyChart.vue
+++ b/src/components/pages/Stats/SupplyChart.vue
@@ -13,9 +13,9 @@
 
     <template #types>
       <token-select-button
-        :icon="selectTokenIcon"
+        icon="chevron-down-rounded-16"
+        :disabled="areActionsDisabled"
         :token="token"
-        :tabindex="tokenTabIndex"
         @click.stop="handleSelectToken"
       />
     </template>
@@ -95,14 +95,6 @@ export default class StatsSupplyChart extends Mixins(mixins.LoadingMixin, ChartS
     return this.parentLoading || this.loading;
   }
 
-  get selectTokenIcon(): Nullable<string> {
-    return !this.areActionsDisabled ? 'chevron-down-rounded-16' : undefined;
-  }
-
-  get tokenTabIndex(): number {
-    return !this.areActionsDisabled ? 0 : -1;
-  }
-
   get firstValue(): FPNumber {
     return new FPNumber(first(this.data)?.value ?? 0);
   }
diff --git a/src/components/pages/Swap/Chart.vue b/src/components/pages/Swap/Chart.vue
index e95973bda..acf4335bb 100644
--- a/src/components/pages/Swap/Chart.vue
+++ b/src/components/pages/Swap/Chart.vue
@@ -40,7 +40,7 @@
     >
       <formatted-amount
         class="charts-price"
-        :value="fiatPriceFormatted"
+        :value="currentPriceFormatted"
         :font-weight-rate="FontWeightRate.MEDIUM"
         :font-size-rate="FontWeightRate.MEDIUM"
         :asset-symbol="symbol"
@@ -205,8 +205,9 @@ const formatChange = (value: FPNumber): string => {
   return `${sign}${priceChange}`;
 };
 
-const formatPrice = (value: number, symbol: string) => {
-  return `${new FPNumber(value).toLocaleString()} ${symbol}`;
+const formatPrice = (value: number, precision: number, symbol: string) => {
+  const val = new FPNumber(value).toFixed(precision);
+  return `${val} ${symbol}`;
 };
 
 const preparePriceData = (item: AssetSnapshotEntity): OCLH => {
@@ -376,20 +377,12 @@ export default class SwapChart extends Mixins(
     return this.tokenB?.symbol ?? 'USD';
   }
 
-  get fromFiatPrice(): FPNumber {
-    return this.tokenA ? FPNumber.fromCodecValue(this.getAssetFiatPrice(this.tokenA) ?? 0) : FPNumber.ZERO;
+  get currentPrice(): FPNumber {
+    return new FPNumber(this.prices[0]?.price[2] ?? 0); // "close" price
   }
 
-  get toFiatPrice(): FPNumber {
-    return this.tokenB ? FPNumber.fromCodecValue(this.getAssetFiatPrice(this.tokenB) ?? 0) : FPNumber.ZERO;
-  }
-
-  get fiatPrice(): FPNumber {
-    return this.toFiatPrice.isZero() ? this.fromFiatPrice : this.fromFiatPrice.div(this.toFiatPrice);
-  }
-
-  get fiatPriceFormatted(): string {
-    return this.fiatPrice.toLocaleString();
+  get currentPriceFormatted(): string {
+    return this.currentPrice.toFixed(this.precision);
   }
 
   get isAllHistoricalPricesFetched(): boolean {
@@ -481,6 +474,8 @@ export default class SwapChart extends Mixins(
             precision: this.precision,
           },
         },
+        min: this.limits.min,
+        max: this.limits.max,
       }),
       dataZoom: [
         {
@@ -498,7 +493,7 @@ export default class SwapChart extends Mixins(
         formatter: (params) => {
           const { data, seriesType } = params[0];
           const [timestamp, open, close, low, high] = data;
-          if (seriesType === CHART_TYPES.LINE) return formatPrice(close, this.symbol);
+          if (seriesType === CHART_TYPES.LINE) return formatPrice(close, this.precision, this.symbol);
 
           if (seriesType === CHART_TYPES.CANDLE) {
             const change = calcPriceChange(new FPNumber(close), new FPNumber(open));
@@ -509,10 +504,10 @@ export default class SwapChart extends Mixins(
             );
 
             const rows = [
-              { title: 'Open', data: formatPrice(open, this.symbol) },
-              { title: 'High', data: formatPrice(high, this.symbol) },
-              { title: 'Low', data: formatPrice(low, this.symbol) },
-              { title: 'Close', data: formatPrice(close, this.symbol) },
+              { title: 'Open', data: formatPrice(open, this.precision, this.symbol) },
+              { title: 'High', data: formatPrice(high, this.precision, this.symbol) },
+              { title: 'Low', data: formatPrice(low, this.precision, this.symbol) },
+              { title: 'Close', data: formatPrice(close, this.precision, this.symbol) },
               { title: 'Change', data: formatChange(change), color: changeColor },
             ];
 
@@ -606,7 +601,8 @@ export default class SwapChart extends Mixins(
   }
 
   private getUpdatedPrecision(min: number, max: number): number {
-    return Math.max(getPrecision(min), getPrecision(max));
+    const boundaries = [max, min, max - min].map((v) => getPrecision(v));
+    return Math.max(...boundaries);
   }
 
   private async getHistoricalPrices(): Promise<void> {
diff --git a/src/components/pages/Swap/StatusActionBadge.vue b/src/components/pages/Swap/StatusActionBadge.vue
index efb4aa4f5..4626b0752 100644
--- a/src/components/pages/Swap/StatusActionBadge.vue
+++ b/src/components/pages/Swap/StatusActionBadge.vue
@@ -20,7 +20,7 @@ export default class SwapStatusActionBadge extends Vue {}
 </style>
 
 <style lang="scss" scoped>
-$max-width: 150px;
+$max-width: 158px;
 $base-class: '.status-action-badge';
 
 .s-card#{$base-class} {
diff --git a/src/components/shared/Chart/ChartSkeleton.vue b/src/components/shared/Chart/ChartSkeleton.vue
index 05a47918e..f04807a06 100644
--- a/src/components/shared/Chart/ChartSkeleton.vue
+++ b/src/components/shared/Chart/ChartSkeleton.vue
@@ -23,7 +23,7 @@
               <template v-if="isError">{{ t('swap.errorFetching') }}</template>
               <template v-else>{{ t('noDataText') }}</template>
             </p>
-            <s-button v-if="isError" class="el-button--select-token" type="secondary" size="small" @click="handleRetry">
+            <s-button v-if="isError" type="secondary" size="small" @click="handleRetry">
               {{ t('retryText') }}
             </s-button>
           </div>
diff --git a/src/components/shared/Input/TokenInput.vue b/src/components/shared/Input/TokenInput.vue
index b0c88e915..499892fde 100644
--- a/src/components/shared/Input/TokenInput.vue
+++ b/src/components/shared/Input/TokenInput.vue
@@ -46,10 +46,9 @@
         {{ t('buttons.max') }}
       </s-button>
       <token-select-button
-        class="el-button--select-token"
-        :icon="selectTokenIcon"
+        icon="chevron-down-rounded-16"
+        :disabled="!isSelectAvailable"
         :token="token"
-        :tabindex="tokenTabIndex"
         @click.stop="handleSelectToken"
       />
     </div>
@@ -125,14 +124,6 @@ export default class TokenInput extends Mixins(
     return this.MaxInputNumber;
   }
 
-  get selectTokenIcon(): Nullable<string> {
-    return this.isSelectAvailable ? 'chevron-down-rounded-16' : undefined;
-  }
-
-  get tokenTabIndex(): number {
-    return this.isSelectAvailable ? 0 : -1;
-  }
-
   get fpBalance(): FPNumber {
     if (!this.token || !this.balance) return FPNumber.ZERO;
 
diff --git a/src/components/shared/Input/TokenSelectButton.vue b/src/components/shared/Input/TokenSelectButton.vue
index 9018b9bab..0b8fd5f92 100644
--- a/src/components/shared/Input/TokenSelectButton.vue
+++ b/src/components/shared/Input/TokenSelectButton.vue
@@ -2,7 +2,8 @@
   <s-button
     :type="buttonType"
     :class="computedClasses"
-    :tabindex="tabindex"
+    :tabindex="buttonTabindex"
+    :disabled="disabled"
     size="small"
     border-radius="mini"
     v-on="$listeners"
@@ -17,7 +18,7 @@
       class="token-select-button__logo"
     />
     <span class="token-select-button__text">{{ buttonText }}</span>
-    <s-icon v-if="icon" class="token-select-button__icon" :name="icon" size="18" />
+    <s-icon v-if="icon && !disabled" class="token-select-button__icon" :name="icon" size="18" />
     <slot />
   </s-button>
 </template>
@@ -43,6 +44,7 @@ export default class TokenSelectButton extends Mixins(TranslationMixin) {
   @Prop({ type: Array, default: () => [] }) readonly tokens!: Array<AccountAsset | Asset>;
   @Prop({ type: String, default: '' }) readonly icon!: string;
   @Prop({ type: [Number, String], default: 0 }) readonly tabindex!: number | string;
+  @Prop({ type: Boolean, default: false }) readonly disabled!: boolean;
 
   get hasToken(): boolean {
     return this.tokens.length !== 0 || !!this.token;
@@ -57,6 +59,11 @@ export default class TokenSelectButton extends Mixins(TranslationMixin) {
     return classes;
   }
 
+  get buttonTabindex(): number | string {
+    if (this.disabled) return -1;
+    return this.tabindex;
+  }
+
   get tokenLogoComponent(): string {
     return this.tokens.length !== 0 ? 'pair-token-logo' : 'token-logo';
   }
@@ -81,6 +88,40 @@ export default class TokenSelectButton extends Mixins(TranslationMixin) {
 }
 </script>
 
+<style lang="scss">
+$baseClass: '.token-select-button';
+
+button.el-button.neumorphic#{$baseClass} {
+  &:hover,
+  &:active,
+  &:focus,
+  &.focusing,
+  &.s-pressed {
+    box-shadow: $button-custom-shadow;
+
+    #{$baseClass}__icon {
+      color: var(--s-color-base-content-secondary) !important;
+    }
+  }
+
+  &--token {
+    &:hover,
+    &:active,
+    &:focus,
+    &.focusing,
+    &.s-pressed {
+      background-color: var(--s-color-utility-surface);
+      box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7), -1px -1px 5px #ffffff, 0px 0px 20px rgba(247, 84, 163, 0.5);
+
+      #{$baseClass}__icon {
+        background-color: var(--s-color-base-content-secondary);
+        color: var(--s-color-utility-surface) !important;
+      }
+    }
+  }
+}
+</style>
+
 <style lang="scss" scoped>
 $baseClass: '.token-select-button';
 
@@ -101,24 +142,7 @@ $baseClass: '.token-select-button';
     border-radius: var(--s-border-radius-medium);
   }
 
-  &:hover,
-  &:active,
-  &.focusing {
-    #{$baseClass}__icon {
-      color: var(--s-color-base-content-secondary) !important;
-    }
-  }
-
   &--token {
-    &:hover,
-    &:active,
-    &.focusing {
-      #{$baseClass}__icon {
-        background-color: var(--s-color-base-content-secondary);
-        color: var(--s-color-utility-surface) !important;
-      }
-    }
-
     #{$baseClass}__icon {
       background-color: var(--s-color-base-content-tertiary);
       color: var(--s-color-utility-surface) !important;
diff --git a/src/consts/index.ts b/src/consts/index.ts
index 7559c559f..53aafa04d 100644
--- a/src/consts/index.ts
+++ b/src/consts/index.ts
@@ -14,8 +14,6 @@ export const app = {
   title: 'Polkaswap — The DEX for the Interoperable Future.',
 };
 
-export const MAX_ALERTS_NUMBER = 5;
-
 export const WalletPermissions = {
   sendAssets: true, // enable 'send' button in assets list
   swapAssets: true, // enable 'swap' button in assets list
diff --git a/src/indexer/queries/assets.ts b/src/indexer/queries/assets.ts
index 7d30dcdc8..2efb31b16 100644
--- a/src/indexer/queries/assets.ts
+++ b/src/indexer/queries/assets.ts
@@ -76,7 +76,7 @@ const parse = (item: SubqueryAssetEntity | SubsquidAssetEntity): Record<string,
     [item.id]: {
       priceUSD: new FPNumber(item.priceUSD ?? 0),
       priceChangeDay: new FPNumber(item.priceChangeDay ?? 0),
-      priceChangeWeek: new FPNumber(item.priceChangeDay ?? 0),
+      priceChangeWeek: new FPNumber(item.priceChangeWeek ?? 0),
       volumeDayUSD: new FPNumber(item.volumeDayUSD ?? 0),
       volumeWeekUSD: new FPNumber(item.volumeWeekUSD ?? 0),
       tvlUSD: new FPNumber(item.liquidityUSD ?? 0),
diff --git a/src/lang/zh_CN.json b/src/lang/zh_CN.json
index 2d9c82969..1e225a238 100644
--- a/src/lang/zh_CN.json
+++ b/src/lang/zh_CN.json
@@ -9,7 +9,7 @@
     "addAssetText": "添加资产",
     "successText": "成功",
     "warningText": "警告",
-    "swapText": "交换",
+    "swapText": "兑换",
     "searchText": "搜索",
     "cancelText": "取消",
     "saveText": "保存",
@@ -167,7 +167,7 @@
         "send": "@:sendText",
         "receive": "@:account.copy",
         "liquidity": "增加流动性",
-        "bridge": "转接桥",
+        "bridge": "桥",
         "copy": "复制资产 ID",
         "successCopy": "{symbol}资产 ID 被复制到剪贴板",
         "copied": "已复制！",
@@ -316,7 +316,7 @@
     "connectedText": "已连接",
     "connectWalletTextTooltip": "用{PolkadotJs}连接到{Sora}网络",
     "selectNodeText": "选择网络节点",
-    "bridgeText": "转接桥",
+    "bridgeText": "桥",
     "disclaimer": "{disclaimerPrefix} 本网站由{Sora} 社区维护。在继续使用本网站之前，请查看{polkaswapFaqLink} 和文档，其中包括有关 {AppName} 工作原理的详细说明，以及 {memorandumLink} 和 {privacyLink}。这些文档对于安全和积极的用户体验至关重要。通过使用 {AppName}，您承认您已阅读并理解这些文件。您还承认以下内容：1) 您全权负责遵守在您的法律管辖范围内可能适用于您对 {AppName} 的特定使用的所有法律； 2）您对{AppName}当前版本为alpha版本的理解：尚未经过全面测试，部分功能可能无法按设计执行； 3) 您理解并自愿接受使用 {AppName} 所涉及的风险，包括但不限于丢失代币的风险。再一次提醒，在没有阅读{polkaswapFaqLink}、{memorandumLink} 和{privacyLink}之前，请不要继续！",
     "poweredBy": "启动于",
     "confirmTransactionText": "确认交易",
@@ -347,7 +347,7 @@
         "Staking": "质押"
     },
     "mainMenu": {
-        "Swap": "交换",
+        "Swap": "兑换",
         "Pool": "流动池",
         "Bridge": "@:bridgeText",
         "Farming": "农耕",
@@ -487,7 +487,7 @@
     },
     "swap": {
         "estimated": "估计的",
-        "slippageTolerance": "滑点公差",
+        "slippageTolerance": "滑点容忍度",
         "minReceived": "最低可接收数量",
         "maxSold": "最大可卖数量",
         "minReceivedTooltip": "如果在确认之前有一个较大而不利的价格变动，您的交易将被取消。",
@@ -517,7 +517,7 @@
         "strategicBonusApy": "战略奖励年化收益率"
     },
     "bridge": {
-        "title": "转接桥",
+        "title": "桥",
         "info": "在{Sora}和{Ethereum}网络之间转换代币。",
         "balance": "余额",
         "next": "下一个",
@@ -534,7 +534,7 @@
         "copy": "复制网络地址",
         "soraAddress": "{Sora} 地址",
         "ethereumAddress": "{Ethereum} 地址",
-        "limitMessage": "目前，有一个{type} {amount} {symbol}用于桥接，以确保 {Sora} 网络的稳定性和安全性。我们感谢您的理解。",
+        "limitMessage": "目前，为了确保{Sora}网络的稳定性和安全性，跨链桥转账的{type}金额为{amount} {symbol}。感谢您的理解。",
         "externalTransferFee": "{network} {XCM}费用",
         "externalTransferFeeTooltip": "当您向{network}网络发送桥接交易时，将从您传输的金额中收取少量费用"
     },
@@ -675,7 +675,7 @@
         "marketAlgorithmTooltip": {
             "main": " - 在一级市场 (TBC)、二级市场 (XYK) 或组合智能算法之间进行选择，以保证任何给定交易的最佳价格。"
         },
-        "slippageTolerance": "滑点公差",
+        "slippageTolerance": "滑点容忍度",
         "slippageToleranceHint": "如果价格的不利变化超过此百分比，您的交易将被取消。",
         "slippageToleranceValidation": {
             "warning": "您的交易可能会失败",
diff --git a/src/store/assets/mutations.ts b/src/store/assets/mutations.ts
index 5d0fcc359..89ebb83f1 100644
--- a/src/store/assets/mutations.ts
+++ b/src/store/assets/mutations.ts
@@ -7,7 +7,7 @@ const mutations = defineMutations<AssetsState>()({
     state.registeredAssetsFetching = value;
   },
   setRegisteredAssets(state, assets: Record<string, BridgeRegisteredAsset>): void {
-    state.registeredAssets = assets;
+    state.registeredAssets = Object.freeze({ ...assets });
     state.registeredAssetsFetching = false;
   },
   resetRegisteredAssets(state): void {
diff --git a/src/store/bridge/getters.ts b/src/store/bridge/getters.ts
index 30391a3c8..131097b0c 100644
--- a/src/store/bridge/getters.ts
+++ b/src/store/bridge/getters.ts
@@ -70,6 +70,15 @@ const getters = defineGetters<BridgeState>()({
     return !!asset?.externalAddress;
   },
 
+  autoselectedAssetAddress(...args): Nullable<string> {
+    const { rootState } = bridgeGetterContext(args);
+    const assetIds = Object.keys(rootState.assets.registeredAssets);
+
+    if (assetIds.length !== 1) return null;
+
+    return assetIds[0];
+  },
+
   externalAccount(...args): string {
     const { getters, rootState } = bridgeGetterContext(args);
     const { evmAddress, subAddress } = rootState.web3;
diff --git a/src/store/bridge/mutations.ts b/src/store/bridge/mutations.ts
index 230a7143e..2845649e3 100644
--- a/src/store/bridge/mutations.ts
+++ b/src/store/bridge/mutations.ts
@@ -94,7 +94,7 @@ const mutations = defineMutations<BridgeState>()({
    * Set bridge transactions from localstorage (ethBridgeApi or evmBridgeApi)
    */
   setInternalHistory(state, history: Record<string, IBridgeTransaction>): void {
-    state.historyInternal = { ...history };
+    state.historyInternal = Object.freeze({ ...history });
   },
 
   setHistoryPage(state, historyPage?: number): void {
diff --git a/src/store/web3/actions.ts b/src/store/web3/actions.ts
index 4455b80d0..e6ad6ed31 100644
--- a/src/store/web3/actions.ts
+++ b/src/store/web3/actions.ts
@@ -64,9 +64,36 @@ async function subscribeOnEvm(context: ActionContext<any, any>): Promise<void> {
   commit.setEvmProviderSubscription(subscription);
 }
 
+async function autoselectBridgeAsset(context: ActionContext<any, any>): Promise<void> {
+  const { rootGetters, rootDispatch } = web3ActionContext(context);
+
+  const assetAddress = rootGetters.bridge.autoselectedAssetAddress;
+
+  if (assetAddress) {
+    await rootDispatch.bridge.setAssetAddress(assetAddress);
+  }
+}
+
+async function autoselectSubAddress(context: ActionContext<any, any>): Promise<void> {
+  const { commit, rootState, state } = web3ActionContext(context);
+  const { address, name } = rootState.wallet.account;
+  const { networkType, subAddress } = state;
+
+  if (networkType === BridgeNetworkType.Sub && !subAddress && address) {
+    commit.setSubAddress({ address, name });
+  }
+}
+
+async function getRegisteredAssets(context: ActionContext<any, any>): Promise<void> {
+  const { rootDispatch } = web3ActionContext(context);
+
+  await rootDispatch.assets.getRegisteredAssets();
+  await autoselectBridgeAsset(context);
+}
+
 const actions = defineActions({
   async selectEvmProvider(context, provider: Provider): Promise<void> {
-    const { commit, dispatch, state } = web3ActionContext(context);
+    const { commit, state } = web3ActionContext(context);
     try {
       commit.setEvmProviderLoading(provider);
       // create new connection
@@ -100,20 +127,21 @@ const actions = defineActions({
     ethersUtil.disconnectEvmProvider(provider);
   },
 
-  async disconnectExternalNetwork(context): Promise<void> {
+  async disconnectExternalNetwork(_context): Promise<void> {
     // SUB
     await subBridgeConnector.stop();
   },
 
   async selectExternalNetwork(context, { id, type }: { id: BridgeNetworkId; type: BridgeNetworkType }): Promise<void> {
-    const { commit, dispatch, rootDispatch } = web3ActionContext(context);
+    const { commit, dispatch } = web3ActionContext(context);
 
     await dispatch.disconnectExternalNetwork();
 
     commit.setNetworkType(type);
     commit.setSelectedNetwork(id);
 
-    rootDispatch.assets.getRegisteredAssets();
+    getRegisteredAssets(context);
+    autoselectSubAddress(context);
 
     if (type === BridgeNetworkType.Sub) {
       await connectSubNetwork(context);
diff --git a/src/store/web3/mutations.ts b/src/store/web3/mutations.ts
index 0d22f567d..41b33ab72 100644
--- a/src/store/web3/mutations.ts
+++ b/src/store/web3/mutations.ts
@@ -29,13 +29,13 @@ const mutations = defineMutations<Web3State>()({
   },
 
   setEvmNetworksApp(state, networksIds: EvmNetwork[]): void {
-    state.evmNetworkApps = networksIds;
+    state.evmNetworkApps = Object.freeze([...networksIds]);
   },
   setSubNetworkApps(state, apps: SubNetworkApps): void {
-    state.subNetworkApps = apps;
+    state.subNetworkApps = Object.freeze({ ...apps });
   },
   setSupportedApps(state, supportedApps: SupportedApps): void {
-    state.supportedApps = supportedApps;
+    state.supportedApps = Object.freeze({ ...supportedApps });
   },
   setEvmProvider(state, provider: Provider): void {
     state.evmProvider = provider;
@@ -86,11 +86,11 @@ const mutations = defineMutations<Web3State>()({
   // for hashi bridge
   setEthBridgeSettings(state, { evmNetwork, address }: EthBridgeSettings): void {
     state.ethBridgeEvmNetwork = evmNetwork;
-    state.ethBridgeContractAddress = {
+    state.ethBridgeContractAddress = Object.freeze({
       XOR: address.XOR,
       VAL: address.VAL,
       OTHER: address.OTHER,
-    };
+    });
   },
 });
 
diff --git a/src/store/web3/types.ts b/src/store/web3/types.ts
index a9277752f..035673c17 100644
--- a/src/store/web3/types.ts
+++ b/src/store/web3/types.ts
@@ -39,7 +39,7 @@ export type Web3State = {
   evmProviderNetwork: Nullable<BridgeNetworkId>;
   evmProviderSubscription: Nullable<FnWithoutArgs>;
 
-  evmNetworkApps: EvmNetwork[];
+  evmNetworkApps: readonly EvmNetwork[];
   subNetworkApps: SubNetworkApps;
   supportedApps: SupportedApps;
 
diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
index a75156215..1d0555e88 100644
--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@@ -143,34 +143,6 @@ $button-custom-shadow: -1px -1px 5px rgba(0, 0, 0, 0.05), 1px 1px 5px rgba(0, 0,
         box-shadow: $button-custom-shadow;
       }
     }
-
-    &--select-token {
-      &.token-select-button--token {
-        &,
-        &:hover,
-        &:active,
-        &:focus,
-        &.focusing,
-        &.s-pressed {
-          background-color: var(--s-color-utility-surface);
-        }
-        &:hover,
-        &:active,
-        &:focus,
-        &.focusing,
-        &.s-pressed {
-          box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7), -1px -1px 5px #ffffff, 0px 0px 20px rgba(247, 84, 163, 0.5);
-        }
-      }
-      &,
-      &:hover,
-      &:active,
-      &:focus,
-      &.focusing,
-      &.s-pressed {
-        box-shadow: $button-custom-shadow;
-      }
-    }
   }
 }
 
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 787410900..1cf2d1096 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -228,6 +228,29 @@ export const updateFpNumberLocale = (locale: string): void => {
   FPNumber.DELIMITERS_CONFIG.decimal = Number(1.2).toLocaleString(locale).substring(1, 2);
 };
 
+/** It's used to set css classes for mobile. `[mobile, android | windows | ios]` or `undefined` */
+export const getMobileCssClasses = () => {
+  const win: typeof window & Record<string, any> = window;
+  const userAgent = navigator.userAgent || navigator.vendor || win.opera;
+  const mobileClass = 'mobile';
+  // Windows Phone must come first because its UA also contains "Android"
+  if (/windows phone/i.test(userAgent)) {
+    return [mobileClass, 'windows'];
+  }
+  if (/android/i.test(userAgent)) {
+    return [mobileClass, 'android'];
+  }
+  // iOS detection from: http://stackoverflow.com/a/9039885/177710
+  if (/iPad|iPhone|iPod/.test(userAgent) && !win.MSStream) {
+    return [mobileClass, 'ios'];
+  }
+  // The only difference between iPadPro and the other macos platforms is that iPadPro is touch enabled.
+  if (navigator?.maxTouchPoints > 2 && /Mac/.test(userAgent)) {
+    return [mobileClass, 'ios'];
+  }
+  return undefined;
+};
+
 export const updateDocumentTitle = (to?: Route) => {
   const page = to ?? router.currentRoute;
   const pageName = page?.name;
diff --git a/src/views/Bridge.vue b/src/views/Bridge.vue
index 98eebd1e6..553a3727c 100644
--- a/src/views/Bridge.vue
+++ b/src/views/Bridge.vue
@@ -72,6 +72,7 @@
           <div slot="right" v-if="sender || recipient" class="s-flex el-buttons">
             <s-button
               v-if="isMaxAvailable"
+              :loading="isConfirmTxLoading"
               class="el-button--max s-typography-button--small"
               type="primary"
               alternative
@@ -82,8 +83,8 @@
               {{ t('buttons.max') }}
             </s-button>
             <token-select-button
-              class="el-button--select-token"
               icon="chevron-down-rounded-16"
+              :disabled="!!autoselectedAssetAddress"
               :token="asset"
               @click="openSelectAssetDialog"
             />
@@ -171,7 +172,7 @@
             </div>
           </div>
           <div slot="right" v-if="isAssetSelected" class="s-flex el-buttons">
-            <token-select-button class="el-button--select-token" :token="asset" />
+            <token-select-button disabled :token="asset" />
           </div>
           <template #bottom>
             <div class="input-line input-line--footer">
@@ -398,6 +399,7 @@ export default class Bridge extends Mixins(
   @getter.bridge.recipientName recipientName!: string;
   @getter.bridge.isRegisteredAsset isRegisteredAsset!: boolean;
   @getter.bridge.operation private operation!: Operation;
+  @getter.bridge.autoselectedAssetAddress autoselectedAssetAddress!: Nullable<string>;
   @getter.settings.nodeIsConnected nodeIsConnected!: boolean;
 
   @mutation.bridge.setSoraToEvm private setSoraToEvm!: (value: boolean) => void;
diff --git a/src/views/Explore/Tokens.vue b/src/views/Explore/Tokens.vue
index 41640a114..96aaa1ad0 100644
--- a/src/views/Explore/Tokens.vue
+++ b/src/views/Explore/Tokens.vue
@@ -163,13 +163,14 @@
 
 <script lang="ts">
 import { FPNumber } from '@sora-substrate/util';
+import { KnownAssets } from '@sora-substrate/util/build/assets/consts';
 import { SortDirection } from '@soramitsu/soramitsu-js-ui/lib/components/Table/consts';
 import { components } from '@soramitsu/soraneo-wallet-web';
 import { Component, Mixins } from 'vue-property-decorator';
 
 import ExplorePageMixin from '@/components/mixins/ExplorePageMixin';
 import TranslationMixin from '@/components/mixins/TranslationMixin';
-import { Components } from '@/consts';
+import { Components, ZeroStringValue } from '@/consts';
 import { fetchTokensData } from '@/indexer/queries/assets';
 import type { TokenData } from '@/indexer/queries/assets';
 import { lazyComponent } from '@/router';
@@ -184,18 +185,18 @@ import type { Asset } from '@sora-substrate/util/build/assets/types';
 type TableItem = {
   price: number;
   priceFormatted: string;
-  priceChangeDay: number;
-  priceChangeDayFP: FPNumber;
-  priceChangeWeek: number;
-  priceChangeWeekFP: FPNumber;
-  volumeDay: number;
-  volumeDayFormatted: AmountWithSuffix;
-  tvl: number;
-  tvlFormatted: AmountWithSuffix;
+  priceChangeDay?: number;
+  priceChangeDayFP?: FPNumber;
+  priceChangeWeek?: number;
+  priceChangeWeekFP?: FPNumber;
+  volumeDay?: number;
+  volumeDayFormatted?: AmountWithSuffix;
+  tvl?: number;
+  tvlFormatted?: AmountWithSuffix;
   // mcap: number;
   // mcapFormatted: AmountWithSuffix;
-  velocity: number;
-  velocityFormatted: string;
+  velocity?: number;
+  velocityFormatted?: string;
 } & Asset;
 
 const storageKey = 'exploreSyntheticTokens';
@@ -230,12 +231,32 @@ export default class Tokens extends Mixins(ExplorePageMixin, TranslationMixin) {
   order = SortDirection.DESC;
   property = 'tvl';
 
+  get allowedAssets(): Array<Asset> {
+    // if whitelist is not available, use KnownAssets
+    if (!this.whitelistAssets.length) {
+      return [...KnownAssets];
+    }
+    return this.whitelistAssets;
+  }
+
   get hasTokensData(): boolean {
     return Object.keys(this.tokensData).length !== 0;
   }
 
   get items(): TableItem[] {
-    const items = Object.entries(this.tokensData).reduce<TableItem[]>((buffer, [address, tokenData]) => {
+    if (!this.hasTokensData) {
+      return this.allowedAssets.map((asset) => {
+        const price = FPNumber.fromCodecValue(this.getAssetFiatPrice(asset) ?? ZeroStringValue);
+
+        return {
+          ...asset,
+          price: price.toNumber(),
+          priceFormatted: new FPNumber(price.toFixed(7)).toLocaleString(),
+        };
+      });
+    }
+
+    return Object.entries(this.tokensData).reduce<TableItem[]>((buffer, [address, tokenData]) => {
       const asset = this.getAsset(address);
 
       if (!asset) return buffer;
@@ -258,14 +279,14 @@ export default class Tokens extends Mixins(ExplorePageMixin, TranslationMixin) {
 
       return buffer;
     }, []);
+  }
 
-    const defaultSorted = [...items].sort((a, b) => sortAssets(a, b));
-
-    return defaultSorted;
+  get defaultSorted(): TableItem[] {
+    return [...this.items].sort((a, b) => sortAssets(a, b));
   }
 
   get preparedItems(): TableItem[] {
-    return this.isSynthsOnly ? this.items.filter((item) => this.isSynthetic(item.address)) : this.items;
+    return this.isSynthsOnly ? this.defaultSorted.filter((item) => this.isSynthetic(item.address)) : this.defaultSorted;
   }
 
   isSynthetic(address: string): boolean {
@@ -276,7 +297,7 @@ export default class Tokens extends Mixins(ExplorePageMixin, TranslationMixin) {
   async updateExploreData(): Promise<void> {
     await this.withLoading(async () => {
       await this.withParentLoading(async () => {
-        this.tokensData = Object.freeze(await fetchTokensData(this.whitelistAssets));
+        this.tokensData = Object.freeze(await fetchTokensData(this.allowedAssets));
       });
     });
   }
diff --git a/src/views/Swap.vue b/src/views/Swap.vue
index 9a6a7fa43..6429ddfdc 100644
--- a/src/views/Swap.vue
+++ b/src/views/Swap.vue
@@ -164,7 +164,7 @@ import { Component, Mixins, Watch } from 'vue-property-decorator';
 import SelectedTokenRouteMixin from '@/components/mixins/SelectedTokensRouteMixin';
 import TokenSelectMixin from '@/components/mixins/TokenSelectMixin';
 import TranslationMixin from '@/components/mixins/TranslationMixin';
-import { Components, MarketAlgorithms, PageNames, ZeroStringValue } from '@/consts';
+import { Components, MarketAlgorithms, PageNames } from '@/consts';
 import router, { lazyComponent } from '@/router';
 import { action, getter, mutation, state } from '@/store/decorators';
 import {
diff --git a/yarn.lock b/yarn.lock
index 768e989d3..c0844f164 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2346,10 +2346,10 @@
     vue-property-decorator "^9.1.2"
     vuex "^3.6.2"
 
-"@soramitsu/soraneo-wallet-web@1.26.4":
-  version "1.26.4"
-  resolved "https://nexus.iroha.tech/repository/npm-group/@soramitsu/soraneo-wallet-web/-/soraneo-wallet-web-1.26.4.tgz#fd1fa14b07ab9fc8d8e2f7a99a6c4cbfad65d721"
-  integrity sha512-TFpjTHdPv7OY2BlJjLIWQGJMHone7Q6V+fJIRjvVZ2t1TdOErZQj78mOEdn/hU91Kwmb9Yqraej8m3BmcZgdBw==
+"@soramitsu/soraneo-wallet-web@1.26.5":
+  version "1.26.5"
+  resolved "https://nexus.iroha.tech/repository/npm-group/@soramitsu/soraneo-wallet-web/-/soraneo-wallet-web-1.26.5.tgz#fd751fa6af24d703b00c1fbd3e02297ed64ebbf2"
+  integrity sha512-yp+dnjB7aaY8JnGSFjdT0IbCg/QbcdtAmilluUN86+lMVsBjH3PZIcuINQcDfZ1XyIZP9et5mtLrWcdW0ff+4Q==
   dependencies:
     "@polkadot/vue-identicon" "2.12.1"
     "@sora-substrate/util" "1.26.2"