diff --git a/src/components/desktop/Snackbar.vue b/src/components/desktop/SnackBar.vue
similarity index 100%
rename from src/components/desktop/Snackbar.vue
rename to src/components/desktop/SnackBar.vue
diff --git a/src/desktop-main.js b/src/desktop-main.js
index c504ebc8..c0737643 100644
--- a/src/desktop-main.js
+++ b/src/desktop-main.js
@@ -55,7 +55,7 @@ import {
 
 import AmountInput from '@/components/desktop/AmountInput.vue';
 import ConfirmDialog from '@/components/desktop/ConfirmDialog.vue';
-import Snackbar from '@/components/desktop/Snackbar.vue';
+import SnackBar from '@/components/desktop/SnackBar.vue';
 
 import '@/styles/desktop/template/base/libs/vuetify/_index.scss';
 import '@/styles/desktop/template/template/index.scss';
@@ -327,7 +327,7 @@ app.component('VueDatePicker', VueDatePicker);
 
 app.component('AmountInput', AmountInput);
 app.component('ConfirmDialog', ConfirmDialog);
-app.component('Snackbar', Snackbar);
+app.component('SnackBar', SnackBar);
 
 app.config.globalProperties.$version = getVersion();
 app.config.globalProperties.$buildTime = getBuildTime();
diff --git a/src/views/desktop/ExchangeRatesPage.vue b/src/views/desktop/ExchangeRatesPage.vue
index ecb4232b..16193641 100644
--- a/src/views/desktop/ExchangeRatesPage.vue
+++ b/src/views/desktop/ExchangeRatesPage.vue
@@ -76,7 +76,7 @@
         </v-col>
     </v-row>
 
-    <snackbar ref="snackbar" />
+    <snack-bar ref="snackbar" />
 </template>
 
 <script>
diff --git a/src/views/desktop/HomePage.vue b/src/views/desktop/HomePage.vue
index 274de21e..d5829346 100644
--- a/src/views/desktop/HomePage.vue
+++ b/src/views/desktop/HomePage.vue
@@ -97,7 +97,7 @@
         </v-col>
     </v-row>
 
-    <snackbar ref="snackbar" />
+    <snack-bar ref="snackbar" />
 </template>
 
 <script>
diff --git a/src/views/desktop/LoginPage.vue b/src/views/desktop/LoginPage.vue
index 7ccbc534..675fb9db 100644
--- a/src/views/desktop/LoginPage.vue
+++ b/src/views/desktop/LoginPage.vue
@@ -117,7 +117,7 @@
             </v-card-text>
         </v-card>
 
-        <snackbar ref="snackbar" />
+        <snack-bar ref="snackbar" />
 
         <v-overlay class="justify-center align-center" :persistent="true" v-model="logining">
             <v-progress-circular indeterminate></v-progress-circular>
diff --git a/src/views/desktop/MainLayout.vue b/src/views/desktop/MainLayout.vue
index 9bbe546f..df156ebd 100644
--- a/src/views/desktop/MainLayout.vue
+++ b/src/views/desktop/MainLayout.vue
@@ -185,7 +185,7 @@
             <v-progress-circular indeterminate></v-progress-circular>
         </v-overlay>
 
-        <snackbar ref="snackbar" />
+        <snack-bar ref="snackbar" />
     </div>
 </template>
 
diff --git a/src/views/desktop/user/settings/UserBasicSettingTab.vue b/src/views/desktop/user/settings/UserBasicSettingTab.vue
index 719b8771..a0a8c333 100644
--- a/src/views/desktop/user/settings/UserBasicSettingTab.vue
+++ b/src/views/desktop/user/settings/UserBasicSettingTab.vue
@@ -170,7 +170,7 @@
     </v-row>
 
     <confirm-dialog ref="confirmDialog"/>
-    <snackbar ref="snackbar" />
+    <snack-bar ref="snackbar" />
 </template>
 
 <script>
diff --git a/src/views/desktop/user/settings/UserDataManagementSettingTab.vue b/src/views/desktop/user/settings/UserDataManagementSettingTab.vue
index ef1f91e1..4fe9ac95 100644
--- a/src/views/desktop/user/settings/UserDataManagementSettingTab.vue
+++ b/src/views/desktop/user/settings/UserDataManagementSettingTab.vue
@@ -137,7 +137,7 @@
     </v-row>
 
     <confirm-dialog ref="confirmDialog"/>
-    <snackbar ref="snackbar" />
+    <snack-bar ref="snackbar" />
 </template>
 
 <script>
diff --git a/src/views/desktop/user/settings/UserSecuritySettingTab.vue b/src/views/desktop/user/settings/UserSecuritySettingTab.vue
index f5b79e65..9dcf6455 100644
--- a/src/views/desktop/user/settings/UserSecuritySettingTab.vue
+++ b/src/views/desktop/user/settings/UserSecuritySettingTab.vue
@@ -119,7 +119,7 @@
     </v-row>
 
     <confirm-dialog ref="confirmDialog"/>
-    <snackbar ref="snackbar" />
+    <snack-bar ref="snackbar" />
 </template>
 
 <script>
diff --git a/src/views/desktop/user/settings/UserTwoFactorAuthSettingTab.vue b/src/views/desktop/user/settings/UserTwoFactorAuthSettingTab.vue
index cb9146bf..7498a600 100644
--- a/src/views/desktop/user/settings/UserTwoFactorAuthSettingTab.vue
+++ b/src/views/desktop/user/settings/UserTwoFactorAuthSettingTab.vue
@@ -100,7 +100,7 @@
         </v-col>
     </v-row>
 
-    <snackbar ref="snackbar" />
+    <snack-bar ref="snackbar" />
 </template>
 
 <script>