diff --git a/css/main.css b/css/main.css
index 912894c..37adbf5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -45,6 +45,11 @@ body {
     font-weight: 600;
 }
 
+#idForm span {
+    height: 40px;
+    margin: 10px 0px;
+}
+
 #idForm #survey-button {
     font-weight: 600;
     color: #fff;
@@ -148,7 +153,7 @@ header h4 {
     padding: 12px 19px;
     border: 4px solid #fff;
     display: inline-block;
-    margin: 0px 0px 35px 0px;
+    /*margin: 0px 0px 35px 0px;*/
     background-color: #98bdce;
     transition-duration: 200ms;
 }
diff --git a/js/main.js b/js/main.js
index 7092bdd..8333f2b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -6,7 +6,7 @@ $('#idForm').submit(function( e ) {
 		location.href = 'http://deltalumin.com/webpage/?' + $(this).serialize();
 		console.log(ID);
 	} else {
-		alert("Please enter a valid ID number (1-4 for now)"); // need to update alert during pilot phase
+		document.getElementById('warningText').innerHTML = "Please enter a valid ID number (1-4 for now)."; 
 	}
 });
 
diff --git a/user-portal/index.html b/user-portal/index.html
index c85ffec..2808b27 100644
--- a/user-portal/index.html
+++ b/user-portal/index.html
@@ -49,6 +49,8 @@ <h4>Helping you make smarter decisions about energy use.</h4>
                     <br>
                     <input class="textInput" type="text" name="userID">
                     <br>
+                    <span id="warningText"><span></span></span>
+                    <br>
                     <input id="survey-button" type="submit" value="Go to your dashboard">
                 </form>