diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 7817d93a8..620018780 100644
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -825,4 +825,13 @@ DIV.copy
   background-repeat: no-repeat;
   background-position: 4px center;
   padding: 2px 2px 2px 24px;
-  width: 220px; }
\ No newline at end of file
+  width: 220px; }
+
+DIV#signatureFlagMessage DIV 
+{ text-align: left !important; }
+
+DIV#signatureFlagMessage H1,
+DIV#signatureFlagMessage P
+{ font-size: 10px;
+  margin: 0;
+  padding: 0; }
diff --git a/UI/WebServerResources/MailerUI.js b/UI/WebServerResources/MailerUI.js
index f6be7bd20..61079371f 100644
--- a/UI/WebServerResources/MailerUI.js
+++ b/UI/WebServerResources/MailerUI.js
@@ -992,7 +992,9 @@ function configureSignatureFlagImage() {
 
         var msgDiv = $("signatureFlagMessage");
         if (msgDiv && error) {
-            var formattedMessage = error.replace(/\n/g, "<br/>");
+            // First line in a h1, others each in a p
+            var formattedMessage = "<h1>" + error.replace(/\n/, "</h1><p>");
+            formattedMessage = formattedMessage.replace(/\n/g, "</p><p>") + "</p>";
             msgDiv.innerHTML = "<div>" + formattedMessage + "</div>";
             newImg.observe("mouseover", showSignatureMessage);
             newImg.observe("mouseout", hideSignatureMessage);
@@ -1009,8 +1011,8 @@ function showSignatureMessage () {
         var divDimensions = div.getDimensions();
         var left = cellPosition[0] - divDimensions['width'];
         var top = cellPosition[1];
-        div.style.top = top + "px";
-        div.style.left = left + "px";
+        div.style.top = (top + 5) + "px";
+        div.style.left = (left + 5) + "px";
         div.style.display = "block";
     }
 }