diff --git a/src/theme/ionic.css b/src/theme/ionic.css
index 015f104..f2b564a 100644
--- a/src/theme/ionic.css
+++ b/src/theme/ionic.css
@@ -1,4 +1,4 @@
-.ui-toolbar {
+.ion-toolbar {
   --background: var(--ion-color-primary-contrast);
   --min-height: 50px;
 }
diff --git a/src/views/auth/login/index.vue b/src/views/auth/login/index.vue
index 1f7f0d5..f5e00e9 100644
--- a/src/views/auth/login/index.vue
+++ b/src/views/auth/login/index.vue
@@ -42,7 +42,7 @@ function onClose() {
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <IonToolbar class="ui-toolbar">
+      <IonToolbar class="ion-toolbar">
         <ion-buttons slot="start">
           <ion-button @click="onClose">
             <ion-icon slot="icon-only" :icon="closeOutline" />
diff --git a/src/views/auth/signup/index.vue b/src/views/auth/signup/index.vue
index 96fc729..d99f0cb 100644
--- a/src/views/auth/signup/index.vue
+++ b/src/views/auth/signup/index.vue
@@ -5,7 +5,7 @@ import { Field, Form } from "vee-validate";
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <IonToolbar class="ui-toolbar">
+      <IonToolbar class="ion-toolbar">
         <ui-back-button slot="start" />
       </IonToolbar>
     </IonHeader>
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index ee0adc8..e31e75a 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -6,7 +6,7 @@ import MaterialSymbolsAndroidContacts from "~icons/material-symbols/android-cont
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-button slot="start" fill="clear">
           <IconParkOutlineClearFormat slot="icon-only" />
         </ion-button>
diff --git a/src/views/deposit/fiat.vue b/src/views/deposit/fiat.vue
index 01a87c1..4e40701 100644
--- a/src/views/deposit/fiat.vue
+++ b/src/views/deposit/fiat.vue
@@ -53,7 +53,7 @@ async function onSubmit() {
 <template>
   <ion-page>
     <IonHeader>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-buttons slot="start">
           <ui-back-button />
         </ion-buttons>
diff --git a/src/views/global-menu/index.vue b/src/views/global-menu/index.vue
index c2d23e1..d3724c7 100644
--- a/src/views/global-menu/index.vue
+++ b/src/views/global-menu/index.vue
@@ -8,7 +8,7 @@ import TradeSettings from "./components/trade-settings.vue";
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" text="" />
       </ion-toolbar>
     </ion-header>
diff --git a/src/views/issue/issuing-apply/index.vue b/src/views/issue/issuing-apply/index.vue
index d73ff70..f34c47b 100644
--- a/src/views/issue/issuing-apply/index.vue
+++ b/src/views/issue/issuing-apply/index.vue
@@ -55,7 +55,7 @@ async function handleSubmit(editions: RwaIssuanceProductBody["editions"]) {
 <template>
   <IonPage>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t('asset.issue.apply.title') }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/market/index.vue b/src/views/market/index.vue
index b42210d..dd21261 100644
--- a/src/views/market/index.vue
+++ b/src/views/market/index.vue
@@ -61,10 +61,10 @@ onBeforeMount(() => {
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-title>{{ t('market.title') }}</ion-title>
       </ion-toolbar>
-      <ion-toolbar class="ui-toolbar px-3">
+      <ion-toolbar class="ion-toolbar px-3">
         <ion-searchbar :placeholder="t('market.search.placeholder')" />
       </ion-toolbar>
     </IonHeader>
diff --git a/src/views/notify/detail.vue b/src/views/notify/detail.vue
index a2d1ed7..96013d5 100644
--- a/src/views/notify/detail.vue
+++ b/src/views/notify/detail.vue
@@ -25,7 +25,7 @@ function handleBack() {
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>通知详情</ion-title>
       </ion-toolbar>
diff --git a/src/views/notify/index.vue b/src/views/notify/index.vue
index 0113fb5..58775fe 100644
--- a/src/views/notify/index.vue
+++ b/src/views/notify/index.vue
@@ -15,7 +15,7 @@ function handleItemClick(id: number) {
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-button slot="start" fill="clear">
           <IconParkOutlineClearFormat slot="icon-only" />
         </ion-button>
diff --git a/src/views/onchain-address/index.vue b/src/views/onchain-address/index.vue
index fe54c67..d4eff7e 100644
--- a/src/views/onchain-address/index.vue
+++ b/src/views/onchain-address/index.vue
@@ -20,7 +20,7 @@ const qrcode = useQRCode(url, {
 <template>
   <IonPage>
     <IonHeader>
-      <IonToolbar class="ui-toolbar">
+      <IonToolbar class="ion-toolbar">
         <ion-buttons slot="start">
           <ui-back-button />
         </ion-buttons>
diff --git a/src/views/revenue/monthly/index.vue b/src/views/revenue/monthly/index.vue
index e57bc62..8309308 100644
--- a/src/views/revenue/monthly/index.vue
+++ b/src/views/revenue/monthly/index.vue
@@ -32,7 +32,7 @@ onMounted(() => {
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t("asset.revenue.monthlyRevenue") }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/revenue/pending/index.vue b/src/views/revenue/pending/index.vue
index c1c63b1..70d50d3 100644
--- a/src/views/revenue/pending/index.vue
+++ b/src/views/revenue/pending/index.vue
@@ -94,7 +94,7 @@ onMounted(() => {
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t("asset.revenue.pendingRevenue") }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/revenue/records/index.vue b/src/views/revenue/records/index.vue
index 43d2928..05b16fe 100644
--- a/src/views/revenue/records/index.vue
+++ b/src/views/revenue/records/index.vue
@@ -173,7 +173,7 @@ onMounted(() => {
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t("asset.revenue.revenueDetails") }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/revenue/total/index.vue b/src/views/revenue/total/index.vue
index 63e691c..e3fcef3 100644
--- a/src/views/revenue/total/index.vue
+++ b/src/views/revenue/total/index.vue
@@ -35,7 +35,7 @@ onMounted(() => {
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t("income.title") }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/riwa/index.vue b/src/views/riwa/index.vue
index a0d3f2e..f8c9496 100644
--- a/src/views/riwa/index.vue
+++ b/src/views/riwa/index.vue
@@ -7,7 +7,7 @@ import Rwa from "./components/rwa.vue";
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-button slot="start" fill="clear" class="z-1" @click="$router.push('/global-menu')">
           <IconParkOutlineApplicationMenu slot="icon-only" />
         </ion-button>
@@ -15,6 +15,7 @@ import Rwa from "./components/rwa.vue";
       </ion-toolbar>
     </ion-header>
     <ion-content :fullscreen="true" class="ion-padding">
+      <pwa-install-button class="mb-4" />
       <Rwa />
       <News />
     </ion-content>
diff --git a/src/views/system-settings/index.vue b/src/views/system-settings/index.vue
index 05f0113..32311c5 100644
--- a/src/views/system-settings/index.vue
+++ b/src/views/system-settings/index.vue
@@ -39,7 +39,7 @@ onMounted(() => {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
       </ion-toolbar>
     </ion-header>
diff --git a/src/views/system-settings/language.vue b/src/views/system-settings/language.vue
index 20aa611..e0cf3f8 100644
--- a/src/views/system-settings/language.vue
+++ b/src/views/system-settings/language.vue
@@ -19,7 +19,7 @@ function handleLanguageChange(event: CustomEvent) {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t("settings.languageTitle") }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/system-settings/theme.vue b/src/views/system-settings/theme.vue
index 2e026f3..9874d83 100644
--- a/src/views/system-settings/theme.vue
+++ b/src/views/system-settings/theme.vue
@@ -19,7 +19,7 @@ function handleThemeChange(event: CustomEvent) {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
       </ion-toolbar>
     </ion-header>
diff --git a/src/views/trade-rwa/edit.vue b/src/views/trade-rwa/edit.vue
index 34f73e6..d148c9b 100644
--- a/src/views/trade-rwa/edit.vue
+++ b/src/views/trade-rwa/edit.vue
@@ -9,7 +9,7 @@ defineProps<{
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" text="" />
         <ion-title />
       </ion-toolbar>
diff --git a/src/views/trade-rwa/index.vue b/src/views/trade-rwa/index.vue
index 8476941..a749bd9 100644
--- a/src/views/trade-rwa/index.vue
+++ b/src/views/trade-rwa/index.vue
@@ -39,7 +39,7 @@ function gotoEdit() {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" text="" />
         <ion-title>
           {{ data?.product.code }}
@@ -79,7 +79,7 @@ function gotoEdit() {
     </ion-content>
 
     <ion-footer>
-      <ion-toolbar class="ion-padding-horizontal ui-toolbar">
+      <ion-toolbar class="ion-padding-horizontal ion-toolbar">
         <div class="flex justify-center my-2 gap-5">
           <ion-button id="open-modal" shape="round" expand="block" color="success">
             {{ t('market.tradeRwa.subscribe') }}
diff --git a/src/views/trade-rwa/outlet.vue b/src/views/trade-rwa/outlet.vue
index bc014ef..6341bd0 100644
--- a/src/views/trade-rwa/outlet.vue
+++ b/src/views/trade-rwa/outlet.vue
@@ -11,7 +11,7 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>
           {{ data?.product.code }}
diff --git a/src/views/trade-settings/bank-management/add.vue b/src/views/trade-settings/bank-management/add.vue
index 598066e..3450ab2 100644
--- a/src/views/trade-settings/bank-management/add.vue
+++ b/src/views/trade-settings/bank-management/add.vue
@@ -63,7 +63,7 @@ function formatCardNumber(value: string) {
 <template>
   <IonPage>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t('bankCard.add') }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/trade-settings/bank-management/index.vue b/src/views/trade-settings/bank-management/index.vue
index 4bbf0ca..e6cb54e 100644
--- a/src/views/trade-settings/bank-management/index.vue
+++ b/src/views/trade-settings/bank-management/index.vue
@@ -106,7 +106,7 @@ onUpdated(() => {
 <template>
   <IonPage>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>{{ t('bankCard.management') }}</ion-title>
       </ion-toolbar>
diff --git a/src/views/trade-settings/my-issues/detail.vue b/src/views/trade-settings/my-issues/detail.vue
index b41374e..255faa0 100644
--- a/src/views/trade-settings/my-issues/detail.vue
+++ b/src/views/trade-settings/my-issues/detail.vue
@@ -40,7 +40,7 @@ function gotoEdit() {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" text="" />
         <ion-title>
           {{ data?.code }}
diff --git a/src/views/trade-settings/my-issues/index.vue b/src/views/trade-settings/my-issues/index.vue
index 69fbdb5..4b7b29f 100644
--- a/src/views/trade-settings/my-issues/index.vue
+++ b/src/views/trade-settings/my-issues/index.vue
@@ -61,10 +61,10 @@ onBeforeMount(() => {
 <template>
   <IonPage>
     <IonHeader class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-title>{{ t('myIssues.title') }}</ion-title>
       </ion-toolbar>
-      <ion-toolbar class="ui-toolbar px-3">
+      <ion-toolbar class="ion-toolbar px-3">
         <ion-searchbar :placeholder="t('myIssues.search')" />
       </ion-toolbar>
     </IonHeader>
diff --git a/src/views/trade-settings/my-subscribe/detail.vue b/src/views/trade-settings/my-subscribe/detail.vue
index 4be8f4b..83695cb 100644
--- a/src/views/trade-settings/my-subscribe/detail.vue
+++ b/src/views/trade-settings/my-subscribe/detail.vue
@@ -33,7 +33,7 @@ async function handleSubscribe(val: number) {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>
           {{ data?.edition.product.code }}
diff --git a/src/views/trade-settings/my-subscribe/index.vue b/src/views/trade-settings/my-subscribe/index.vue
index 1e15d9d..349af5d 100644
--- a/src/views/trade-settings/my-subscribe/index.vue
+++ b/src/views/trade-settings/my-subscribe/index.vue
@@ -59,7 +59,7 @@ onBeforeMount(() => {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>我的申购</ion-title>
       </ion-toolbar>
diff --git a/src/views/trade/index.vue b/src/views/trade/index.vue
index e5dbf52..2105e1b 100644
--- a/src/views/trade/index.vue
+++ b/src/views/trade/index.vue
@@ -19,7 +19,7 @@ const tradingviewOptions: Partial<ChartingLibraryWidgetOptions> = {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <div slot="start" class="flex items-center gap-1 px-4">
           <div class="text-md font-bold">
             BTC/USDT
diff --git a/src/views/user-settings/email.vue b/src/views/user-settings/email.vue
index b3082b3..daab328 100644
--- a/src/views/user-settings/email.vue
+++ b/src/views/user-settings/email.vue
@@ -106,7 +106,7 @@ onUnmounted(() => {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-buttons slot="start">
           <ion-button @click="$router.back()">
             <ion-icon slot="icon-only" :icon="arrowBackOutline" />
diff --git a/src/views/user-settings/index.vue b/src/views/user-settings/index.vue
index c591405..ccadc84 100644
--- a/src/views/user-settings/index.vue
+++ b/src/views/user-settings/index.vue
@@ -51,7 +51,7 @@ function handleCopyUid() {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>用户设置</ion-title>
       </ion-toolbar>
diff --git a/src/views/user-settings/nickname.vue b/src/views/user-settings/nickname.vue
index cfc71f4..1a4e419 100644
--- a/src/views/user-settings/nickname.vue
+++ b/src/views/user-settings/nickname.vue
@@ -37,7 +37,7 @@ async function handleSave() {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>昵称设置</ion-title>
       </ion-toolbar>
diff --git a/src/views/user-settings/username.vue b/src/views/user-settings/username.vue
index e70ded9..7a93ce4 100644
--- a/src/views/user-settings/username.vue
+++ b/src/views/user-settings/username.vue
@@ -1,6 +1,5 @@
 <script lang='ts' setup>
 import { toastController } from "@ionic/vue";
-import { arrowBackOutline } from "ionicons/icons";
 import { safeClient } from "@/api";
 import { authClient } from "@/auth";
 
@@ -39,7 +38,7 @@ async function handleSave() {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
         <ion-title>用户设置</ion-title>
       </ion-toolbar>
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 875b3b9..7869115 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -42,7 +42,7 @@ async function handleScan() {
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-button slot="start" fill="clear" class="z-1" @click="$router.push('/global-menu')">
           <IconParkOutlineApplicationMenu slot="icon-only" />
         </ion-button>
diff --git a/src/views/wallet/bill.vue b/src/views/wallet/bill.vue
index c58d232..c6f501a 100644
--- a/src/views/wallet/bill.vue
+++ b/src/views/wallet/bill.vue
@@ -8,11 +8,11 @@ const activeTab = ref("deposit");
 <template>
   <ion-page>
     <ion-header class="ion-no-border">
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" text="" />
         <ion-title>账单</ion-title>
       </ion-toolbar>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ui-tabs v-model="activeTab" size="small" class="px-2">
           <ui-tab-pane name="deposit" title="充值记录" />
           <ui-tab-pane name="withdraw" title="提现记录" />
diff --git a/src/views/wallet/transfer.vue b/src/views/wallet/transfer.vue
index dff99a1..638c5d0 100644
--- a/src/views/wallet/transfer.vue
+++ b/src/views/wallet/transfer.vue
@@ -120,7 +120,7 @@ function getAccountTypeName(type: AccountType) {
 <template>
   <ion-page>
     <ion-header>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-buttons slot="start">
           <ui-back-button default-href="/wallet/index" />
         </ion-buttons>
diff --git a/src/views/withdraw/index.vue b/src/views/withdraw/index.vue
index 36cfc03..adde734 100644
--- a/src/views/withdraw/index.vue
+++ b/src/views/withdraw/index.vue
@@ -52,7 +52,7 @@ async function onSubmit(values: GenericObject) {
 <template>
   <ion-page>
     <IonHeader>
-      <ion-toolbar class="ui-toolbar">
+      <ion-toolbar class="ion-toolbar">
         <ion-buttons slot="start">
           <ui-back-button />
         </ion-buttons>