diff --git a/src/components/DateNavigator/DateNavigator.spec.tsx b/src/components/DateNavigator/DateNavigator.spec.tsx
index b42e1968d22b9dcf7339093d261279c3d147685d..60020958c4661d0fc0bbf2df6835ac022838dc78 100644
--- a/src/components/DateNavigator/DateNavigator.spec.tsx
+++ b/src/components/DateNavigator/DateNavigator.spec.tsx
@@ -22,9 +22,19 @@ jest.mock('cozy-ui/transpiled/react/I18n', () => {
 })
 const mockStore = configureStore([])
 
+jest.mock(
+  'components/DateNavigator/DateNavigatorFormat',
+  () => 'mock-date-navigator-format'
+)
+
 const mockUseDispatch = jest.spyOn(reactRedux, 'useDispatch')
 
 describe('DateNavigator component', () => {
+  const mockedDate = DateTime.local(2021, 7, 1)
+    .setZone('utc', {
+      keepLocalTime: true,
+    })
+    .startOf('day')
   it('should be rendered correctly', async () => {
     const store = mockStore({
       ecolyo: {
@@ -34,11 +44,7 @@ describe('DateNavigator component', () => {
     })
     const wrapper = mount(
       <Provider store={store}>
-        <DateNavigator
-          currentAnalysisDate={DateTime.fromISO('2021-07-01T00:00:00.000Z', {
-            zone: 'utc',
-          })}
-        />
+        <DateNavigator currentAnalysisDate={mockedDate} />
       </Provider>
     )
     await waitForComponentToPaint(wrapper)
@@ -53,11 +59,7 @@ describe('DateNavigator component', () => {
     })
     const wrapper = mount(
       <Provider store={store}>
-        <DateNavigator
-          currentAnalysisDate={DateTime.fromISO('2021-07-01T00:00:00.000Z', {
-            zone: 'utc',
-          })}
-        />
+        <DateNavigator currentAnalysisDate={mockedDate} />
       </Provider>
     )
     await waitForComponentToPaint(wrapper)
@@ -73,7 +75,7 @@ describe('DateNavigator component', () => {
     })
     const wrapper = mount(
       <Provider store={store}>
-        <DateNavigator currentAnalysisDate={DateTime.now()} />
+        <DateNavigator currentAnalysisDate={mockedDate} />
       </Provider>
     )
     await waitForComponentToPaint(wrapper)
diff --git a/src/components/DateNavigator/__snapshots__/DateNavigator.spec.tsx.snap b/src/components/DateNavigator/__snapshots__/DateNavigator.spec.tsx.snap
index eec71c390c96bf5ea8ce287f8e5c22e2aa9915cc..387873be42031c45326461c64db8e7ccba2da098 100644
--- a/src/components/DateNavigator/__snapshots__/DateNavigator.spec.tsx.snap
+++ b/src/components/DateNavigator/__snapshots__/DateNavigator.spec.tsx.snap
@@ -146,26 +146,11 @@ exports[`DateNavigator component should be rendered correctly 1`] = `
           </ForwardRef(IconButton)>
         </WithStyles(ForwardRef(IconButton))>
       </div>
-      <DateNavigatorFormat
+      <mock-date-navigator-format
         date={"2021-06-01T00:00:00.000Z"}
         inline={false}
         timeStep={40}
-      >
-        <div
-          className="date-navigator-format"
-        >
-          <div
-            className="date-navigator-format-date text-16-bold timeRange"
-          >
-            June
-          </div>
-          <div
-            className="date-navigator-format-date text-15-normal"
-          >
-            2021
-          </div>
-        </div>
-      </DateNavigatorFormat>
+      />
       <div>
         <WithStyles(ForwardRef(IconButton))
           aria-label="consumption.accessibility.button_next_value"