diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3b15cf081cc..83792bb70be 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - Added `magnet` glyph to `EuiIcon` ([2010](https://github.com/elastic/eui/pull/2010))
 - Changed `logoAWS` SVG in `EuiIcon` to work better in dark mode ([#2036](https://github.com/elastic/eui/pull/2036))
 - Converted toast components to TypeScript ([#2032](https://github.com/elastic/eui/pull/2032))
+- Changed `EuiNavDrawerFlyout` title from `h5` to `div` ([#2040](https://github.com/elastic/eui/pull/2040))
 
 **Bug fixes**
 
diff --git a/src/components/nav_drawer/nav_drawer_flyout.js b/src/components/nav_drawer/nav_drawer_flyout.js
index 98f8c04741d..b7b2d8c9cee 100644
--- a/src/components/nav_drawer/nav_drawer_flyout.js
+++ b/src/components/nav_drawer/nav_drawer_flyout.js
@@ -26,7 +26,7 @@ export const EuiNavDrawerFlyout = ({
   return (
     <div className={classes} aria-labelledby="navDrawerFlyoutTitle" {...rest}>
       <EuiTitle className="euiNavDrawerFlyout__title" tabIndex="-1" size="xxs">
-        <h5 id="navDrawerFlyoutTitle">{title}</h5>
+        <div id="navDrawerFlyoutTitle">{title}</div>
       </EuiTitle>
       <EuiNavDrawerGroup
         className="euiNavDrawerFlyout__listGroup"