diff --git a/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html b/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html
index adf3c9dfeb..5877bb7eda 100644
--- a/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html
+++ b/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html
@@ -96,12 +96,13 @@
Help text is not to be confused with the messages that appear in a banner drop down from the top of the screen. Help text are permanent instructions, visible on every page view, that explain or warn about something.
- This is help text that might be just for information, explaining what happens next, or drawing the user's attention to something they're about to do
+
This is help text that might be just for information, explaining what happens next, or drawing the user's attention to something they're about to do
+
It could be multiple lines
-
+
A warning message might be output in cases where a user's action could have serious consequences
-
+
A critical message would probably be rare, in cases where a particularly brittle or dangerously destructive action could be performed and needs to be warned about.
diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss
index c907d5b935..77d7df619d 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss
@@ -58,6 +58,14 @@ kbd{
.help-block{
padding:1em;
margin:1em 0;
+
+ p{
+ margin-top:0;
+
+ &:last-child{
+ margin-bottom:0;
+ }
+ }
}
.help-info, .help-warning, .help-critical{
@include border-radius(3px);