diff --git a/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap b/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap
index 031173b5fb2..6bf8a39aa0e 100644
--- a/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap
+++ b/src/components/header/header_alert/__snapshots__/header_alert.test.tsx.snap
@@ -27,9 +27,6 @@ exports[`EuiHeaderAlert is rendered 1`] = `
   <div
     class="euiHeaderAlert__text"
   />
-  <div
-    class="euiHeaderAlert__action euiLink"
-  />
 </div>
 `;
 
@@ -99,9 +96,6 @@ exports[`EuiHeaderAlert renders date as an element 1`] = `
   <div
     class="euiHeaderAlert__text"
   />
-  <div
-    class="euiHeaderAlert__action euiLink"
-  />
 </div>
 `;
 
@@ -134,8 +128,5 @@ exports[`EuiHeaderAlert renders title as an element 1`] = `
   <div
     class="euiHeaderAlert__text"
   />
-  <div
-    class="euiHeaderAlert__action euiLink"
-  />
 </div>
 `;
diff --git a/src/components/header/header_alert/_header_alert.scss b/src/components/header/header_alert/_header_alert.scss
index 5824d8098d8..bce8c9aa66b 100644
--- a/src/components/header/header_alert/_header_alert.scss
+++ b/src/components/header/header_alert/_header_alert.scss
@@ -26,12 +26,12 @@
   }
 
   .euiHeaderAlert__text {
-    @include euiFontSizeXS;
-    margin-bottom: $euiSizeS;
+    @include euiFontSizeS;
+    margin-bottom: $euiSize;
   }
 
   .euiHeaderAlert__action {
-    @include euiFontSizeXS;
+    @include euiFontSizeS;
   }
 
   .euiHeaderAlert__date {
diff --git a/src/components/header/header_alert/header_alert.tsx b/src/components/header/header_alert/header_alert.tsx
index 31349da8875..f42ff94e2da 100644
--- a/src/components/header/header_alert/header_alert.tsx
+++ b/src/components/header/header_alert/header_alert.tsx
@@ -7,10 +7,16 @@ import { EuiFlexGroup, EuiFlexItem } from '../../flex';
 
 export type EuiHeaderAlertProps = CommonProps &
   Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+    /**
+     * Adds a link to the alert.
+     */
     action?: ReactNode;
     date: ReactNode;
     text?: ReactNode;
     title: ReactNode;
+    /**
+     * Adds an icon next to the alert's date. Usually used to show the Kibana version related to the alert using `EuiBadge`.
+     */
     badge?: ReactNode;
   };
 
@@ -36,7 +42,11 @@ export const EuiHeaderAlert: FunctionComponent<EuiHeaderAlertProps> = ({
 
       <div className="euiHeaderAlert__title">{title}</div>
       <div className="euiHeaderAlert__text">{text}</div>
-      <div className="euiHeaderAlert__action euiLink">{action}</div>
+      {action ? (
+        <div className="euiHeaderAlert__action euiLink">{action}</div>
+      ) : (
+        undefined
+      )}
     </div>
   );
 };