diff --git a/src/controls/webPartTitle/WebPartTitle.module.scss b/src/controls/webPartTitle/WebPartTitle.module.scss
index bf592fbf7..69546375b 100644
--- a/src/controls/webPartTitle/WebPartTitle.module.scss
+++ b/src/controls/webPartTitle/WebPartTitle.module.scss
@@ -1,9 +1,17 @@
 .webPartTitle {
-  font-size: 24px;
+  font-size: 14px;
   font-weight: 100;
   margin-bottom: 11px;
   color: "[theme:neutralPrimary, default: #333333]";
 
+  @media (min-width: 320px) {
+    font-size: 21px;
+  }
+
+  @media (min-width: 480px) {
+    font-size: 24px;
+  }
+
   // Edit mode
   textarea {
     background-color: transparent;