diff --git a/src/views/desktop/app/AppSettingsPage.vue b/src/views/desktop/app/AppSettingsPage.vue
index 068092b8..36dcb5f5 100644
--- a/src/views/desktop/app/AppSettingsPage.vue
+++ b/src/views/desktop/app/AppSettingsPage.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-tabs show-arrows class="text-uppercase" v-model="activeTab">
+        <v-tabs show-arrows class="v-tabs-pill text-uppercase" v-model="activeTab">
             <v-tab value="basicSetting">
                 <v-icon size="20" start :icon="icons.basicSetting"/>
                 {{ $t('Basic') }}
@@ -14,8 +14,8 @@
                 {{ $t('Statistics') }}
             </v-tab>
         </v-tabs>
-        <v-divider />
-        <v-window class="mt-5 disable-tab-transition" v-model="activeTab">
+
+        <v-window class="mt-4 disable-tab-transition" v-model="activeTab">
             <v-window-item value="basicSetting">
                 <app-basic-setting-tab/>
             </v-window-item>
diff --git a/src/views/desktop/user/UserSettingsPage.vue b/src/views/desktop/user/UserSettingsPage.vue
index 0be13cb8..18f16aee 100644
--- a/src/views/desktop/user/UserSettingsPage.vue
+++ b/src/views/desktop/user/UserSettingsPage.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-tabs show-arrows class="text-uppercase" v-model="activeTab">
+        <v-tabs show-arrows class="v-tabs-pill text-uppercase" v-model="activeTab">
             <v-tab value="basicSetting">
                 <v-icon size="20" start :icon="icons.basicSetting"/>
                 {{ $t('Basic') }}
@@ -18,8 +18,8 @@
                 {{ $t('Data Management') }}
             </v-tab>
         </v-tabs>
-        <v-divider />
-        <v-window class="mt-5 disable-tab-transition" v-model="activeTab">
+
+        <v-window class="mt-4 disable-tab-transition" v-model="activeTab">
             <v-window-item value="basicSetting">
                 <user-basic-setting-tab/>
             </v-window-item>