diff --git a/src/pages/Page.cpp b/src/pages/Page.cpp
index 08d7028..1c47850 100644
--- a/src/pages/Page.cpp
+++ b/src/pages/Page.cpp
@@ -13,7 +13,7 @@ void pageHeader(int selected) {
   if (strlen(status.configName) > 0) data.concat(status.configName); else data.concat(F("OnStep"));
   data.concat(FPSTR(html_onstep_header_title));
   data.concat(firmwareVersion.str);
-  data.concat(F(" (OnStep"));
+  data.concat(F(" (OnStep "));
   if (status.getVersionStr(temp)) data.concat(temp); else data.concat("?");
   www.sendContentAndClear(data);
 
diff --git a/src/pages/Page.h b/src/pages/Page.h
index 83ccf75..0c2f51a 100644
--- a/src/pages/Page.h
+++ b/src/pages/Page.h
@@ -15,7 +15,7 @@
 
 void pageHeader(int selected);
 
-const char html_onstep_header_begin[] PROGMEM = "<div class='t'><table width='100%%'><tr><td><b><font size='5'>";
+const char html_onstep_header_begin[] PROGMEM = "<div class='t'><table width='100%'><tr><td><b><font size='5'>";
 const char html_onstep_header_title[] PROGMEM = "</font></b></td><td align='right'><b>Smart Web Server ";
 const char html_onstep_header_links[] PROGMEM = ")</b></td></tr></table>";
 const char html_onstep_header_end[] PROGMEM = "</div>\n";
diff --git a/src/pages/htmlHeaders.h b/src/pages/htmlHeaders.h
index 1f301d1..02f89ae 100644
--- a/src/pages/htmlHeaders.h
+++ b/src/pages/htmlHeaders.h
@@ -123,7 +123,16 @@ const char html_main_css_buttons[] PROGMEM =
 const char html_main_css_control[] PROGMEM = 
 ".b1 { float: left; border: 2px solid " COLOR_BORDER "; background-color: " COLOR_CONTROL_BACKGROUND "; text-align: center; margin: 5px; padding: 15px; padding-top: 3px; }"
 ".gb {  font-weight: bold; font-size: 150%; font-family: 'Times New Roman', Times, serif; width: 60px; height: 50px; padding: 0px; touch-action: none; -webkit-touch-callout: none; }"
-".bb {  font-weight: bold; font-size: 105%; } .bbh {  font-weight: bold; font-size: 100%; height: 2.1em; touch-action: none; -webkit-touch-callout: none; }";
+".bb {  font-weight: bold; font-size: 105%; } .bbh {  font-weight: bold; font-size: 100%; height: 2.1em; touch-action: none; -webkit-touch-callout: none; }"
+"@media (max-width: 42em) {"
+"body { margin: 0; }"
+".t, .b { min-width: 0; margin-left: 0; margin-right: 0; }"
+".b { padding: 5px; }"
+".b1 { box-sizing: border-box; max-width: calc(100% - 10px); padding-left: 6px; padding-right: 6px; }"
+".t table { width: 100%; table-layout: fixed; }"
+".t td { overflow-wrap: anywhere; }"
+"canvas, textarea { box-sizing: border-box; max-width: 100%; height: auto; }"
+"}";
 
 const char html_main_css_collapse[] PROGMEM =
 ".collapsible { background-color: " COLOR_COLLAPSIBLE_BACKGROUND "; color: " COLOR_COLLAPSIBLE "; cursor: pointer; padding: 7px; width: 80%; border: none; text-align: left; outline: none; font-size: 14px; }"