diff --git a/e2e/visual/components/CartesianResponsiveImage.jsx b/e2e/visual/components/CartesianResponsiveImage.jsx
index c46247a999..c0ea1b713c 100644
--- a/e2e/visual/components/CartesianResponsiveImage.jsx
+++ b/e2e/visual/components/CartesianResponsiveImage.jsx
@@ -6,7 +6,15 @@ import { Cartesian, Responsive } from '@compositor/kit'
 import ResponsiveImage from '../../../packages/ResponsiveImage'
 
 const ResponsiveImageContainer = props => (
-  <Responsive>
+  <Responsive
+    viewports={[
+      { width: 320, height: 568 },
+      { width: 640, height: 360 },
+      { width: 768, height: 1024 },
+      { width: 1024, height: 543 },
+      { width: 1440, height: 880 },
+    ]}
+  >
     <Cartesian
       {...props}
       component={ResponsiveImage}