diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index 94793c433..b395a5ffd 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -243,7 +243,6 @@ export default Vue.extend({
   },
 
   watch: {
-    // Capture contentType and body passed from the parent as props.
     tab(t) {
       this.$utils.setPref('settings.tab', t);
     },
diff --git a/frontend/src/views/settings/appearance.vue b/frontend/src/views/settings/appearance.vue
index aa2e0780b..27951c564 100644
--- a/frontend/src/views/settings/appearance.vue
+++ b/frontend/src/views/settings/appearance.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="items">
-    <b-tabs :animated="false">
+    <b-tabs :animated="false" v-model="tab">
       <b-tab-item :label="$t('settings.appearance.adminName')" label-position="on-border">
         <div class="block">
           {{ $t('settings.appearance.adminHelp') }}
@@ -55,9 +55,20 @@ export default Vue.extend({
   data() {
     return {
       data: this.form,
+      tab: 0,
     };
   },
 
+  mounted() {
+    this.tab = this.$utils.getPref('settings.apperanceTab') || 0;
+  },
+
+  watch: {
+    tab(t) {
+      this.$utils.setPref('settings.apperanceTab', t);
+    },
+  },
+
   computed: {
     ...mapState(['settings']),
   },