diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss
index 6c4c138963e..c6cb9306db4 100644
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@@ -102,8 +102,9 @@ animation: modal .25s;
 }
 
 .custom-message-length {
-  margin-bottom: 10px;
-  margin-left: 20px;
+  margin: -10px 0 10px 20px;
+  color: scale-color($primary, $lightness: 70%);
+  font-size: 85%;
 }
 
 .flag-message {
diff --git a/app/assets/stylesheets/mobile/modal.scss b/app/assets/stylesheets/mobile/modal.scss
index 35ab71126df..a901246abe9 100644
--- a/app/assets/stylesheets/mobile/modal.scss
+++ b/app/assets/stylesheets/mobile/modal.scss
@@ -100,8 +100,9 @@
 }
 
 .custom-message-length {
-  margin-bottom: 10px;
-  margin-left: 20px;
+  margin: -10px 0 10px 20px;
+  color: scale-color($primary, $lightness: 70%);
+  font-size: 85%;
 }
 
 .flag-message {