src/components/settings_modal/helpers/vertical_tab_switcher.scss

@@ -30,6 +30,7 @@
 
     .tab-content {
       align-self: center;
+      height: 100%;
 
       &:not(.-full-width) {
         max-width: 40em;

src/components/settings_modal/settings_modal_user_content.js

@@ -27,11 +27,10 @@ import {
   faBell,
   faDownload,
   faEyeSlash,
+  faInfo,
   faWindowRestore,
   faCode,
-  faBroom,
-  faLock,
-  faColumns
+  faBroom
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -39,16 +38,15 @@ library.add(
   faWrench,
   faUser,
   faMessage,
-  faWindowRestore,
-  faColumns,
-  faBell,
   faFilter,
-  faEyeSlash,
-  faBroom,
-  faLock,
-  faDownload,
-  faPalette,
   faPaintBrush,
+  faPalette,
+  faBell,
+  faDownload,
+  faEyeSlash,
+  faInfo,
+  faWindowRestore,
+  faBroom,
   faCode
 )
 

src/components/settings_modal/tabs/appearance_tab.js

@@ -22,6 +22,21 @@ import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import { mapActions } from 'pinia'
 import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faGlobe,
+  faDashboard,
+  faPaintRoller,
+  faTableColumns
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faGlobe,
+  faPaintRoller,
+  faDashboard,
+  faTableColumns
+)
+
 const AppearanceTab = {
   data () {
     return {