diff --git a/edit/edit.css b/edit/edit.css
index 5afd7bd4..a04d1700 100644
--- a/edit/edit.css
+++ b/edit/edit.css
@@ -467,7 +467,7 @@ html:not(.usercss) .applies-to li:last-child .add-applies-to {
 #help-popup {
   top: 3rem;
   right: 3rem;
-  max-width: 50vw;
+  max-width: 26rem;
   position: fixed;
   display: none;
   background-color: white;
@@ -489,6 +489,7 @@ html:not(.usercss) .applies-to li:last-child .add-applies-to {
 }
 #help-popup .title {
   font-weight: bold;
+  font-size: 1rem;
   background-color: rgba(0,0,0,0.05);
   margin: -0.5rem -0.5rem 0.5rem;
   padding: .5rem 32px .5rem .5rem;
@@ -497,6 +498,10 @@ html:not(.usercss) .applies-to li:last-child .add-applies-to {
   max-height: calc(100vh - 8rem);
   overflow-y: auto;
 }
+#help-popup.info .contents {
+  padding: 1.5rem .75rem;
+}
+
 #help-popup .settings {
   min-width: 500px;
   min-height: 200px;
diff --git a/edit/edit.js b/edit/edit.js
index 5f78b641..41727f15 100644
--- a/edit/edit.js
+++ b/edit/edit.js
@@ -516,22 +516,22 @@ function fromMozillaFormat() {
 
 function showSectionHelp(event) {
   event.preventDefault();
-  showHelp(t('styleSectionsTitle'), t('sectionHelp'));
+  showHelp(t('styleSectionsTitle'), t('sectionHelp'), 'info');
 }
 
 function showAppliesToHelp(event) {
   event.preventDefault();
-  showHelp(t('appliesLabel'), t('appliesHelp'));
+  showHelp(t('appliesLabel'), t('appliesHelp'), 'info');
 }
 
 function showToMozillaHelp(event) {
   event.preventDefault();
-  showHelp(t('styleMozillaFormatHeading'), t('styleToMozillaFormatHelp'));
+  showHelp(t('styleMozillaFormatHeading'), t('styleToMozillaFormatHelp'), 'info');
 }
 
-function showHelp(title = '', body) {
+function showHelp(title = '', body, className = '') {
   const div = $('#help-popup');
-  div.className = '';
+  div.className = className;
 
   const contents = $('.contents', div);
   contents.textContent = '';