Fix vertical alignment of close button

packages/react-error-overlay/src/components/additional.js

 /* @flow */
 import { applyStyles } from '../utils/dom/css';
-import { groupStyle, groupElemLeft, groupElemRight } from '../styles';
+import {
+  additionalChildStyle,
+  groupStyle,
+  groupElemLeft,
+  groupElemRight,
+} from '../styles';
 import { consumeEvent } from '../utils/dom/consumeEvent';
 import { enableTabClick } from '../utils/dom/enableTabClick';
 
@@ -20,7 +25,9 @@ function updateAdditional(
     return;
   }
 
-  const span = document.createElement('span');
+  const div = document.createElement('div');
+  applyStyles(div, additionalChildStyle);
+
   const group = document.createElement('span');
   applyStyles(group, groupStyle);
 
@@ -44,12 +51,12 @@ function updateAdditional(
 
   group.appendChild(left);
   group.appendChild(right);
-  span.appendChild(group);
+  div.appendChild(group);
 
   const text = `${currentError} of ${totalErrors} errors on the page`;
-  span.appendChild(document.createTextNode(text));
+  div.appendChild(document.createTextNode(text));
 
-  additionalReference.appendChild(span);
+  additionalReference.appendChild(div);
 }
 
 export type { SwitchCallback };

packages/react-error-overlay/src/components/overlay.js

 /* @flow */
 import { applyStyles } from '../utils/dom/css';
-import {
-  containerStyle,
-  overlayStyle,
-  headerStyle,
-  additionalStyle,
-} from '../styles';
+import { containerStyle, overlayStyle, headerStyle } from '../styles';
 import { createClose } from './close';
 import { createFrames } from './frames';
 import { createFooter } from './footer';
@@ -42,7 +37,6 @@ function createOverlay(
 
   // Create "Errors X of Y" in case of multiple errors
   const additional = document.createElement('div');
-  applyStyles(additional, additionalStyle);
   updateAdditional(
     document,
     additional,

packages/react-error-overlay/src/styles.js

@@ -64,7 +64,7 @@ const closeButtonStyle = {
   top: 0,
 };
 
-const additionalStyle = {
+const additionalChildStyle = {
   'margin-bottom': '0.5rem',
 };
 
@@ -197,7 +197,7 @@ export {
   hintsStyle,
   hintStyle,
   closeButtonStyle,
-  additionalStyle,
+  additionalChildStyle,
   headerStyle,
   functionNameStyle,
   linkStyle,