diff --git a/components/menu/src/menu-item/menu-item.stories.js b/components/menu/src/menu-item/menu-item.stories.js
index c9ed8b5f93..ff4607aa06 100644
--- a/components/menu/src/menu-item/menu-item.stories.js
+++ b/components/menu/src/menu-item/menu-item.stories.js
@@ -1,3 +1,4 @@
+import { Tag } from '@dhis2/ui'
 import { colors } from '@dhis2/ui-constants'
 import {
     IconApps24,
@@ -97,6 +98,13 @@ Suffix.args = {
     suffix: <IconLaunch16 color={colors.grey600} />,
 }
 
+export const SuffixAndChevron = Template.bind({})
+SuffixAndChevron.args = {
+    label: 'Security notifications',
+    chevron: true,
+    suffix: <Tag>3</Tag>,
+}
+
 export const OnClick = (args) => (
     <Menu>
         <MenuItem