Fixed multiple scrolls appearing on Page when added InfoCard with external bottom link

Signed-off-by: Alex Rybchenko <arybchenko@box.com>

.changeset/serious-baboons-report.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Fixed multiple scrolls appearing on Page when added InfoCard with external bottom link

packages/core-components/src/components/Link/Link.tsx

@@ -15,6 +15,7 @@
  */
 
 import { useAnalytics } from '@backstage/core-plugin-api';
+import classnames from 'classnames';
 import MaterialLink, {
   LinkProps as MaterialLinkProps,
 } from '@material-ui/core/Link';
@@ -36,6 +37,9 @@ const useStyles = makeStyles(
       height: 1,
       width: 1,
     },
+    externalLink: {
+      position: 'relative',
+    },
   },
   { name: 'Link' },
 );
@@ -100,6 +104,7 @@ export const Link = React.forwardRef<any, LinkProps>(
         onClick={handleClick}
         {...(newWindow ? { target: '_blank', rel: 'noopener' } : {})}
         {...props}
+        className={classnames(classes.externalLink, props.className)}
       >
         {props.children}
         <span className={classes.visuallyHidden}>, Opens in a new window</span>