diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue
index cd2bcc581a..6ce7f26d53 100644
--- a/packages/client/src/pages/settings/general.vue
+++ b/packages/client/src/pages/settings/general.vue
@@ -56,10 +56,12 @@
 
 		<FormRadios v-model="fontSize" class="_formBlock">
 			<template #label>{{ i18n.ts.fontSize }}</template>
+			<option value="1"><span style="font-size: 12px;">Aa</span></option>
+			<option value="2"><span style="font-size: 13px;">Aa</span></option>
 			<option :value="null"><span style="font-size: 14px;">Aa</span></option>
-			<option value="1"><span style="font-size: 15px;">Aa</span></option>
-			<option value="2"><span style="font-size: 16px;">Aa</span></option>
-			<option value="3"><span style="font-size: 17px;">Aa</span></option>
+			<option value="3"><span style="font-size: 15px;">Aa</span></option>
+			<option value="4"><span style="font-size: 16px;">Aa</span></option>
+			<option value="5"><span style="font-size: 17px;">Aa</span></option>
 		</FormRadios>
 	</FormSection>
 
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index d96dd425a8..98aa9a6f74 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -64,14 +64,22 @@ html {
 	}
 
 	&.f-1 {
-		font-size: 15px;
+		font-size: 12px;
 	}
 
 	&.f-2 {
-		font-size: 16px;
+		font-size: 13px;
 	}
 
 	&.f-3 {
+		font-size: 15px;
+	}
+
+	&.f-4 {
+		font-size: 16px;
+	}
+
+	&.f-5 {
 		font-size: 17px;
 	}