diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe5fd37ca4ca..39b2f12dbe7e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@
 - Fixed `EuiFieldNumber` so values of type `number` are now allowed ([#3020](https://github.com/elastic/eui/pull/3020))
 - Fixed SASS `contrastRatio()` function in dark mode by fixing the `pow()` math function ([#3013], (https://github.com/elastic/eui/pull/3013))
 - Fixed bug preventing `EuiDataGrid` from re-evaluating the default column width on resize ([#2991](https://github.com/elastic/eui/pull/2991))
+- Fixed padding in `EuiCallOut` when used as a `banner` for `EuiFlyout` ([#3098](https://github.com/elastic/eui/pull/3098))
 
 ## [`21.0.1`](https://github.com/elastic/eui/tree/v21.0.1)
 
diff --git a/src/components/flyout/_flyout_body.scss b/src/components/flyout/_flyout_body.scss
index 92b4c94cbae3..c29f37a5af2b 100644
--- a/src/components/flyout/_flyout_body.scss
+++ b/src/components/flyout/_flyout_body.scss
@@ -14,6 +14,8 @@
 
   .euiFlyoutBody__banner .euiCallOut {
     border: none; // Remove border from callout when it is a flyout banner
+    padding-left: $euiSizeL; // Align callout's content with flyout's title
+    padding-right: $euiSizeL; // Align callout's content with flyout's title
   }
 
   .euiFlyoutBody__overflowContent {