fix wrapping on external link buttons

src/utils/ExternalLinkIcon.tsx

@@ -11,9 +11,12 @@ import './external-link.scss';
 class ExternalLinkIcon extends React.Component {
     render(): JSX.Element {
         return (
-            <sup className="pb-external-link">
-                <Icon icon="share" iconSize={12} />
-            </sup>
+            <span className="pb-external-link">
+                {' '}
+                <sup>
+                    <Icon icon="share" iconSize={12} />
+                </sup>
+            </span>
         );
     }
 }

src/utils/external-link.scss

@@ -3,6 +3,10 @@
 
 @import '../variables.scss';
 
+span.pb-external-link {
+    white-space: nowrap;
+}
+
 // override some button magic in case this is used in a button
 .#{$ns}-button .pb-external-link .#{$ns}-icon:first-child:last-child {
     margin: 0;