diff --git a/changelog.d/fixes.skip b/changelog.d/fixes.skip
new file mode 100644
index 00000000..cc40793e
--- /dev/null
+++ b/changelog.d/fixes.skip
@@ -0,0 +1 @@
+fix post appearance tab bugs part I
diff --git a/src/App.scss b/src/App.scss
index bd924487..9d1ce77a 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -3,10 +3,7 @@
 @import "./panel";
 
 :root {
-  --fontSize: 14px;
   --status-margin: 0.75em;
-  --navbar-height: var(--navbarSize, 3.5rem);
-  --panel-header-height: var(--panelHeaderSize, 3.2rem);
   --post-line-height: 1.4;
   // Z-Index stuff
   --ZI_media_modal: 9000;
@@ -21,10 +18,11 @@
 }
 
 html {
-  font-size: var(--textSize);
+  font-size: var(--textSize, 14px);
 
   --navbar-height: var(--navbarSize, 3.5rem);
   --emoji-size: var(--emojiSize, 32px);
+  --panel-header-height: var(--panelHeaderSize, 3.2rem);
   // overflow-x: clip causes my browser's tab to crash with SIGILL lul
 }
 
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 96caab07..e9e8fa72 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -75,6 +75,12 @@ const GeneralTab = {
         label: this.$t(`post_status.content_type["${format}"]`)
       }))
     },
+    language: {
+      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
+      set: function (val) {
+        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
+      }
+    },
     ...SharedComputedObject()
   },
   methods: {