diff --git a/packages/e2e/integration/docs-navigation.ts b/packages/e2e/integration/docs-navigation.ts
index b272390ca..ea2576ad4 100644
--- a/packages/e2e/integration/docs-navigation.ts
+++ b/packages/e2e/integration/docs-navigation.ts
@@ -62,6 +62,12 @@ describe('docs navigation', () => {
 
     cy.percySnapshot('@theme-ui/color docs')
   })
+
+  it('displays 404 page', () => {
+    cy.visit(`/not-found-${Math.random()}`, { failOnStatusCode: false })
+    cy.findByRole('heading').should('have.text', '404')
+    cy.findByText('Page not found')
+  })
 })
 
 export {}