diff --git a/browserid/static/dialog/controllers/dialog_controller.js b/browserid/static/dialog/controllers/dialog_controller.js
index 77387a2ecbac6497bba2380dee78c335ed59433b..50a802e550f773c95d11626e4c9d9795958da2c1 100644
--- a/browserid/static/dialog/controllers/dialog_controller.js
+++ b/browserid/static/dialog/controllers/dialog_controller.js
@@ -255,7 +255,7 @@ $.Controller("Dialog", {}, {
         // next let's check the password entry
         var pass = $("#password_input").val();
         var match = pass === $("#password_verify_input").val();
-        self.find('.note').hide();
+        self.find('.passwordnote').hide();
         if (!match) {
           self.find('#passwords_different').show();
         } else {
diff --git a/browserid/static/dialog/views/create.ejs b/browserid/static/dialog/views/create.ejs
index f85c75a11a304450450da34cdb7c247176aa9241..8d7785a24fcaeb5d77b840f2e690852acf92bbf8 100644
--- a/browserid/static/dialog/views/create.ejs
+++ b/browserid/static/dialog/views/create.ejs
@@ -3,7 +3,7 @@
     <div class="input">
       <div class="label"> Email </div>
       <div class="input"> <input id="email_input" type="text"></input></div>
-      <div class="note" id="email_input_note" style="display:none;">Not registered</div>
+      <div class="note" id="email_input_note" style="display:none;"><span class="good">Not registered</span></div>
     </div>
     <div class="input">
       <div class="label"> Password </div>
@@ -12,10 +12,10 @@
     <div class="input">
       <div class="label"> Verify </div>
       <div class="input"> <input id="password_verify_input" type="password"></input></div>
-      <div class="note" id="enter_a_password"><span class="bad">Enter a password</span></div>
-      <div class="note" id="passwords_different" style="display:none;"><span class="bad">Passwords different</span></div>
-      <div class="note" id="password_too_short" style="display:none;"><span class="bad">Password too short</span></div>
-      <div class="note" id="password_ok" style="display:none;"><span class="good">Password OK</span></div>
+      <div class="note passwordnote" id="enter_a_password"><span class="bad">Enter a password</span></div>
+      <div class="note passwordnote" id="passwords_different" style="display:none;"><span class="bad">Passwords different</span></div>
+      <div class="note passwordnote" id="password_too_short" style="display:none;"><span class="bad">Password too short</span></div>
+      <div class="note passwordnote" id="password_ok" style="display:none;"><span class="good">Password OK</span></div>
     </div>
     <div class="attention_lame" style="display:none;" id="emailinuse_message">
       <span id="in_use_email">Email</span> in use, If this email is yours you can <a href="#">sign in</a> with it?