diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx
index c8f59e70c7..e9afd924a7 100644
--- a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx
@@ -23,6 +23,7 @@ import CloseIcon from '@mui/icons-material/Close';
 import { useNavigate } from 'react-router-dom';
 import useToast from 'hooks/useToast';
 import { formatUnknownError } from 'utils/formatUnknownError';
+import { changesCount } from '../changesCount';
 
 interface IChangeRequestSidebarProps {
     open: boolean;
@@ -271,10 +272,9 @@ export const ChangeRequestSidebar: VFC<IChangeRequestSidebarProps> = ({
                                                     environmentChangeRequest.id
                                                 )
                                             }
-                                            count={
+                                            count={changesCount(
                                                 environmentChangeRequest
-                                                    .features.length
-                                            }
+                                            )}
                                         />
 
                                         <Button
diff --git a/frontend/src/component/changeRequest/DraftBanner/DraftBanner.tsx b/frontend/src/component/changeRequest/DraftBanner/DraftBanner.tsx
index b1353fff3a..b67a585d9e 100644
--- a/frontend/src/component/changeRequest/DraftBanner/DraftBanner.tsx
+++ b/frontend/src/component/changeRequest/DraftBanner/DraftBanner.tsx
@@ -6,6 +6,7 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
 import { ChangeRequestSidebar } from '../ChangeRequestSidebar/ChangeRequestSidebar';
 import { usePendingChangeRequests } from 'hooks/api/getters/usePendingChangeRequests/usePendingChangeRequests';
 import { IChangeRequest } from '../changeRequest.types';
+import { changesCount } from '../changesCount';
 
 interface IDraftBannerProps {
     project: string;
@@ -58,7 +59,7 @@ const DraftBannerContent: FC<{
                     onClick={onClick}
                     sx={{ ml: 'auto' }}
                 >
-                    View changes ({changeRequest.features.length})
+                    View changes ({changesCount(changeRequest)})
                 </Button>
             </DraftBannerContentWrapper>
         </Box>
diff --git a/frontend/src/component/changeRequest/changesCount.ts b/frontend/src/component/changeRequest/changesCount.ts
new file mode 100644
index 0000000000..92c9504fc8
--- /dev/null
+++ b/frontend/src/component/changeRequest/changesCount.ts
@@ -0,0 +1,4 @@
+import { IChangeRequest } from './changeRequest.types';
+
+export const changesCount = (changeRequest: IChangeRequest) =>
+    changeRequest.features.flatMap(feature => feature.changes).length;