diff --git a/res/css/_common.scss b/res/css/_common.scss
index c562c3e95f..77a8ff9f4a 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -19,7 +19,7 @@ limitations under the License.
 @import "./_font-sizes.scss";
 
 :root {
-    font-size: 20px;
+    font-size: 10px;
 }
 
 html {
diff --git a/res/css/_font-sizes.scss b/res/css/_font-sizes.scss
index c4a223d66c..5b876ab11d 100644
--- a/res/css/_font-sizes.scss
+++ b/res/css/_font-sizes.scss
@@ -14,59 +14,59 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-$font-1px: 0.05rem;
-$font-1-5px: 0.075rem;
-$font-2px: 0.1rem;
-$font-3px: 0.15rem;
-$font-4px: 0.2rem;
-$font-5px: 0.25rem;
-$font-6px: 0.3rem;
-$font-7px: 0.35rem;
-$font-8px: 0.4rem;
-$font-9px: 0.45rem;
-$font-10px: 0.5rem;
-$font-10-4px: 0.52rem;
-$font-11px: 0.55rem;
-$font-12px: 0.6rem;
-$font-13px: 0.65rem;
-$font-14px: 0.7rem;
-$font-15px: 0.75rem;
-$font-16px: 0.8rem;
-$font-17px: 0.85rem;
-$font-18px: 0.9rem;
-$font-19px: 0.95rem;
-$font-20px: 1.0rem;
-$font-21px: 1.05rem;
-$font-22px: 1.1rem;
-$font-23px: 1.15rem;
-$font-24px: 1.2rem;
-$font-25px: 1.25rem;
-$font-26px: 1.3rem;
-$font-27px: 1.35rem;
-$font-28px: 1.4rem;
-$font-29px: 1.45rem;
-$font-30px: 1.5rem;
-$font-31px: 1.55rem;
-$font-32px: 1.6rem;
-$font-33px: 1.65rem;
-$font-34px: 1.7rem;
-$font-35px: 1.75rem;
-$font-36px: 1.8rem;
-$font-37px: 1.85rem;
-$font-38px: 1.9rem;
-$font-39px: 1.95rem;
-$font-40px: 2.0rem;
-$font-41px: 2.05rem;
-$font-42px: 2.1rem;
-$font-43px: 2.15rem;
-$font-44px: 2.2rem;
-$font-45px: 2.25rem;
-$font-46px: 2.3rem;
-$font-47px: 2.35rem;
-$font-48px: 2.4rem;
-$font-49px: 2.45rem;
-$font-50px: 2.5rem;
-$font-51px: 2.55rem;
-$font-52px: 2.6rem;
-$font-88px: 4.4rem;
-$font-400px: 20rem;
+$font-1px: 0.1rem;
+$font-1-5px: 0.15rem;
+$font-2px: 0.2rem;
+$font-3px: 0.3rem;
+$font-4px: 0.4rem;
+$font-5px: 0.5rem;
+$font-6px: 0.6rem;
+$font-7px: 0.7rem;
+$font-8px: 0.8rem;
+$font-9px: 0.9rem;
+$font-10px: 1.0rem;
+$font-10-4px: 1.04rem;
+$font-11px: 1.1rem;
+$font-12px: 1.2rem;
+$font-13px: 1.3rem;
+$font-14px: 1.4rem;
+$font-15px: 1.5rem;
+$font-16px: 1.6rem;
+$font-17px: 1.7rem;
+$font-18px: 1.8rem;
+$font-19px: 1.9rem;
+$font-20px: 2.0rem;
+$font-21px: 2.1rem;
+$font-22px: 2.2rem;
+$font-23px: 2.3rem;
+$font-24px: 2.4rem;
+$font-25px: 2.5rem;
+$font-26px: 2.6rem;
+$font-27px: 2.7rem;
+$font-28px: 2.8rem;
+$font-29px: 2.9rem;
+$font-30px: 3.0rem;
+$font-31px: 3.1rem;
+$font-32px: 3.2rem;
+$font-33px: 3.3rem;
+$font-34px: 3.4rem;
+$font-35px: 3.5rem;
+$font-36px: 3.6rem;
+$font-37px: 3.7rem;
+$font-38px: 3.8rem;
+$font-39px: 3.9rem;
+$font-40px: 4.0rem;
+$font-41px: 4.1rem;
+$font-42px: 4.2rem;
+$font-43px: 4.3rem;
+$font-44px: 4.4rem;
+$font-45px: 4.5rem;
+$font-46px: 4.6rem;
+$font-47px: 4.7rem;
+$font-48px: 4.8rem;
+$font-49px: 4.9rem;
+$font-50px: 5.0rem;
+$font-51px: 5.1rem;
+$font-52px: 5.2rem;
+$font-88px: 8.8rem;
+$font-400px: 40rem;
diff --git a/src/settings/watchers/FontWatcher.ts b/src/settings/watchers/FontWatcher.ts
index 08a809f869..5d7c601fa1 100644
--- a/src/settings/watchers/FontWatcher.ts
+++ b/src/settings/watchers/FontWatcher.ts
@@ -45,8 +45,8 @@ export class FontWatcher implements IWatcher {
     };
 
     private setRootFontSize = (size) => {
-        // Externally we tell the user the font is size 15. Internally we use 20.
-        const fontSize = Math.max(Math.min(FontWatcher.MAX_SIZE, size), FontWatcher.MIN_SIZE) + 5;
+        // Externally we tell the user the font is size 15. Internally we use 10.
+        const fontSize = Math.max(Math.min(FontWatcher.MAX_SIZE, size), FontWatcher.MIN_SIZE) - 5;
 
         if (fontSize !== size) {
             SettingsStore.setValue("fontSize", null, SettingLevel.Device, fontSize);