diff --git a/src/common/DefaultInput.tsx b/src/common/DefaultInput.tsx
index 82b9d76be..6c7a4714f 100644
--- a/src/common/DefaultInput.tsx
+++ b/src/common/DefaultInput.tsx
@@ -28,7 +28,7 @@ const DefaultInput: React.FC<DefaultInputProps> = ({
 
   return (
     <input
-      className="default-input"
+      className="default-input fw-400 text-md"
       placeholder={placeholder}
       style={baseStyle}
       type={type}
diff --git a/src/global.scss b/src/global.scss
index fc7d92d25..1213bb27b 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -134,8 +134,6 @@ h6 {
 
 /* input field */
 .default-input {
-  font-size: 1em;
-  font-weight: 400;
   padding: 8px 16px;
   border-radius: 8px;
   outline: none;
diff --git a/src/short.scss b/src/short.scss
index fc49e8dc6..03d33848b 100644
--- a/src/short.scss
+++ b/src/short.scss
@@ -88,10 +88,22 @@
   height: 100%;
 }
 
+.fw-400 {
+  font-weight: 400;
+}
+
 .fw-600 {
   font-weight: 600;
 }
 
+.text-sm {
+  font-size: 0.856rem;
+}
+
+.text-md {
+  font-size: 1rem;
+}
+
 .text-lg {
   font-size: 1.25rem;
 }