diff --git a/app/templates/auth/register.html.j2 b/app/templates/auth/register.html.j2
index 19dbcd57..24d54d9d 100644
--- a/app/templates/auth/register.html.j2
+++ b/app/templates/auth/register.html.j2
@@ -13,7 +13,7 @@
         {{ form.hidden_tag() }}
         <div class="input-field">
           <i class="material-icons prefix">person</i>
-          {{ form.username(class='validate') }}
+          {{ form.username(class='validate', data_length='64') }}
           {{ form.username.label }}
           {% for error in form.username.errors %}
             <span class="helper-text red-text">{{ error }}</span>
@@ -37,7 +37,7 @@
         </div>
         <div class="input-field ">
           <i class="material-icons prefix">email</i>
-          {{ form.email(class='validate', type='email') }}
+          {{ form.email(class='validate', data_length='254', type='email') }}
           {{ form.email.label }}
           {% for error in form.email.errors %}
             <span class="helper-text red-text">{{ error }}</span>
diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index 06e4a961..307a486b 100644
--- a/app/templates/base.html.j2
+++ b/app/templates/base.html.j2
@@ -182,7 +182,7 @@
     <script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
     <script>
         M.AutoInit();
-        M.CharacterCounter.init(document.querySelectorAll('input[data-length][type="text"]'))
+        M.CharacterCounter.init(document.querySelectorAll('input[data-length]'))
         M.Dropdown.init(
           document.getElementById("nav-notifications"),
           {"alignment": "right", "constrainWidth": false, "coverTrigger": false}