diff --git a/client/coral-admin/src/containers/Configure/CommentSettings.js b/client/coral-admin/src/containers/Configure/CommentSettings.js
index 9e162fc30..b3ab8d62a 100644
--- a/client/coral-admin/src/containers/Configure/CommentSettings.js
+++ b/client/coral-admin/src/containers/Configure/CommentSettings.js
@@ -87,7 +87,7 @@ class CommentSettings extends Component {
           <p className={settings.charCountEnable ? '' : styles.disabledSettingText}>
             <span>{lang.t('configure.comment-count-text-pre')}</span>
             <input type='text'
-              className={styles.charCountTexfield}
+              className={`${styles.charCountTexfield} ${settings.charCountEnable && styles.charCountTexfieldEnabled}`}
               htmlFor='charCount'
               onChange={this.updateCharCount(updateSettings)}
               value={settings.charCount}/>
diff --git a/client/coral-admin/src/containers/Configure/Configure.css b/client/coral-admin/src/containers/Configure/Configure.css
index 4788110de..667bb4744 100644
--- a/client/coral-admin/src/containers/Configure/Configure.css
+++ b/client/coral-admin/src/containers/Configure/Configure.css
@@ -71,6 +71,10 @@
   border-width: 0px 0px 1px 0px;
 }
 
+.charCountTexfieldEnabled {
+  border-color: #4caf50;
+}
+
 .charCountTexfield:focus {
   outline: none;
 }