diff --git a/_sass/custom/base-font-size.scss b/_sass/custom/base-font-size.scss
new file mode 100644
index 000000000..5a1b23a6a
--- /dev/null
+++ b/_sass/custom/base-font-size.scss
@@ -0,0 +1,22 @@
+/*
+   Base font size
+   The theme grows the root font size with the screen (16px phone up to 22px on wide
+   screens), which makes everything look zoomed in on laptops and desktops. Keep the
+   scale gentler; every rem-based size follows.
+   ========================================================================== */
+
+html {
+    font-size: 16px;
+
+    @include breakpoint($medium) {
+        font-size: 16px;
+    }
+
+    @include breakpoint($large) {
+        font-size: 17px;
+    }
+
+    @include breakpoint($x-large) {
+        font-size: 18px;
+    }
+}
diff --git a/_sass/minimal-mistakes.scss b/_sass/minimal-mistakes.scss
index c92eb03f5..f520236ed 100644
--- a/_sass/minimal-mistakes.scss
+++ b/_sass/minimal-mistakes.scss
@@ -42,6 +42,7 @@
 @import "minimal-mistakes/print";
 
 /* Custom styling */
+@import "custom/base-font-size";
 @import "custom/no-sidebar";
 @import "custom/display-author-page.scss";
 @import "custom/display-publications.scss";