diff --git a/packages/ui/src/components/AppContent/index.module.scss b/packages/ui/src/components/AppContent/index.module.scss
index ccb786ed9..501ad99fd 100644
--- a/packages/ui/src/components/AppContent/index.module.scss
+++ b/packages/ui/src/components/AppContent/index.module.scss
@@ -65,6 +65,7 @@ $font-family: 'PingFang SC', 'SF Pro Text', sans-serif;
   --font-heading-1: 600 28px/39px #{$font-family};
   --font-heading-2: 600 20px/28px #{$font-family};
   --font-heading-3: 600 16px/22.4px #{$font-family};
+  --font-control: 500 16px/22.4px #{$font-family};
   --font-body: 400 12px/16px #{$font-family};
   --font-body-bold: 500 12px/16px #{$font-family};
 }
diff --git a/packages/ui/src/components/Button/index.module.scss b/packages/ui/src/components/Button/index.module.scss
index 3b9839db2..0bbc05d8f 100644
--- a/packages/ui/src/components/Button/index.module.scss
+++ b/packages/ui/src/components/Button/index.module.scss
@@ -9,7 +9,7 @@
   border-radius: 12px;
   background: var(--color-button-background);
   color: var(--color-button-text);
-  font: var(--font-heading-3);
+  font: var(--font-control);
   box-shadow: var(--shadow-button);
   transition: var(--transition-default-control);
   cursor: pointer;
diff --git a/packages/ui/src/components/Input/index.module.scss b/packages/ui/src/components/Input/index.module.scss
index a6107483b..07fe9a782 100644
--- a/packages/ui/src/components/Input/index.module.scss
+++ b/packages/ui/src/components/Input/index.module.scss
@@ -9,7 +9,7 @@
   border-radius: _.unit(2);
   background: var(--color-control-background);
   color: var(--color-heading);
-  font: var(--font-heading-3);
+  font: var(--font-control);
   transition: var(--transition-default-control);
 
   &::placeholder {