diff --git a/extras/WiFiManager.template.html b/extras/WiFiManager.template.html
index 9a0b082..42d2837 100644
--- a/extras/WiFiManager.template.html
+++ b/extras/WiFiManager.template.html
@@ -25,7 +25,6 @@ body.invert .q[role=img] {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
-
 .c,
 body {
     text-align: center;
@@ -35,24 +34,29 @@ body {
 	text-align:left;
 	display:inline-block;
 	min-width:260px;
+	max-width:500px;
 }
 div,
 input {
     padding: 5px;
     font-size: 1em;
-}
-input {
-    width: 95%;
+    width: 100%;
     margin:5px 0;
+	box-sizing: border-box;
 }
-button {
+input,button,.msg{
+	border-radius:.3rem;
+    width: 100%;
+}
+button,input[type="button"],input[type="submit"] {
     border: 0;
-    border-radius: .3rem;
     background-color: #9933CC;
     color: #fff;
     line-height: 2.4rem;
     font-size: 1.2rem;
-    width: 100%;
+}
+input[type="file"]{
+	border: 1px solid #9933CC;
 }
 a {
     color: #000;
@@ -116,7 +120,6 @@ a:hover {
 	margin: 20px 0;
 	border: 1px solid #eee;
 	border-left-width: 5px;
-	border-radius: 3px;
 	border-left-color: #777;
 }
 
@@ -293,6 +296,10 @@ button.D{
 		 		</table>
 		 		<p/>More information about WiFiManager at <a href='https://github.com/tzapu/WiFiManager'>https://github.com/tzapu/WiFiManager</a>
 			<!-- /HTTP_HELP -->
+			<!-- FORM_UPLOAD -->
+			<Br/><br/>Form UPLOAD<br/><form method='POST' action='u' enctype='multipart/form-data'><input type='file' name='update' accept='.bin,application/octet-stream'><input type='submit' value='Submit'></form>
+			<!-- /FORM_UPLOAD -->	
+
 <!-- HTTP_END -->
     </div>
 	</body>
diff --git a/strings_en.h b/strings_en.h
index a21dced..ea3d2e8 100644
--- a/strings_en.h
+++ b/strings_en.h
@@ -62,8 +62,11 @@ const char HTTP_STATUS_NONE[]      PROGMEM = "<div class='msg'>No AP set</div>";
 const char HTTP_BR[]               PROGMEM = "<br/>";
 
 const char HTTP_STYLE[]            PROGMEM = "<style>"
-".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em}input{width:95%;margin:5px 0}button{cursor:pointer;border:0;border-radius:.3rem;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
-".wrap {text-align:left;display:inline-block;min-width:260px}"
+".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em;width:100%;margin:5px 0;box-sizing:border-box;}"
+"input,button,.msg{border-radius:.3rem;width: 100%}"
+"button,input[type='button'],input[type='submit']{cursor:pointer;border:0;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
+"input[type='file']{border:1px solid #1fa3ec}"
+".wrap {text-align:left;display:inline-block;min-width:260px;max-width:500px}"
 // links
 "a{color:#000;font-weight:700;text-decoration:none}a:hover{color:#1fa3ec;text-decoration:underline}"
 // quality icons
@@ -74,7 +77,7 @@ const char HTTP_STYLE[]            PROGMEM = "<style>"
 "background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAAgCAMAAACfM+KhAAAALVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAOrOgAAAADnRSTlMAESIzRGZ3iJmqu8zd7gKjCLQAAACmSURBVHgB7dDBCoMwEEXRmKlVY3L//3NLhyzqIqSUggy8uxnhCR5Mo8xLt+14aZ7wwgsvvPA/ofv9+44334UXXngvb6XsFhO/VoC2RsSv9J7x8BnYLW+AjT56ud/uePMdb7IP8Bsc/e7h8Cfk912ghsNXWPpDC4hvN+D1560A1QPORyh84VKLjjdvfPFm++i9EWq0348XXnjhhT+4dIbCW+WjZim9AKk4UZMnnCEuAAAAAElFTkSuQmCC');"
 "background-size: 95px 16px;}}"
 // msg callouts
-".msg{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;border-left-color:#777}.msg h4{margin-top:0;margin-bottom:5px}.msg.P{border-left-color:#1fa3ec}.msg.P h4{color:#1fa3ec}.msg.D{border-left-color:#dc3630}.msg.D h4{color:#dc3630}"
+".msg{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-left-color:#777}.msg h4{margin-top:0;margin-bottom:5px}.msg.P{border-left-color:#1fa3ec}.msg.P h4{color:#1fa3ec}.msg.D{border-left-color:#dc3630}.msg.D h4{color:#dc3630}"
 // lists
 "dt{font-weight:bold}dd{margin:0;padding:0 0 0.5em 0;min-height:12px}"
 "td{vertical-align: top;}"