diff --git a/src/components/storyUtils/TooltipShowcase/TooltipShowcase.tsx b/src/components/storyUtils/TooltipShowcase/TooltipShowcase.tsx
index 25558174f..1bff992d3 100644
--- a/src/components/storyUtils/TooltipShowcase/TooltipShowcase.tsx
+++ b/src/components/storyUtils/TooltipShowcase/TooltipShowcase.tsx
@@ -15,7 +15,7 @@ const TooltipShowcase = ({
   buttonText?: string;
 }) => {
   return (
-    <div style={{ padding: '120px' }}>
+    <div style={{ padding: '128px' }}>
       <Tooltip
         delayIn={delayIn}
         delayOut={delayOut}
diff --git a/src/components/storyUtils/TooltipShowcase/components/TooltipContent/TooltipContent.tsx b/src/components/storyUtils/TooltipShowcase/components/TooltipContent/TooltipContent.tsx
index 5ee782ed4..2cf520a50 100644
--- a/src/components/storyUtils/TooltipShowcase/components/TooltipContent/TooltipContent.tsx
+++ b/src/components/storyUtils/TooltipShowcase/components/TooltipContent/TooltipContent.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 import { containerStyles, illustrationStyles } from './TooltipContent.style';
 import Illustration from '../assets/TooltipShowcaseIllustration.svg';
+import Link from 'components/Link';
 
 type Props = {
   isInverted?: boolean;
@@ -16,7 +17,9 @@ const TooltipContent: React.FC<Props> = ({ isInverted }) => {
       <div css={{ textAlign: 'center' }}>
         It was a dark and stormy night; the rain fell in torrents
       </div>
-      <div>learn more</div>
+      <Link href="#" type={isInverted ? 'primary' : 'inverted'} iconName="externalLink">
+        Learn more
+      </Link>
     </div>
   );
 };