diff --git a/lib/javascript/fullstack_demo/cypress/snapshots/base/src/components/todo-app/todo-app.cy.tsx/todo-app.png b/lib/javascript/fullstack_demo/cypress/snapshots/base/src/components/todo-app/todo-app.cy.tsx/todo-app.png
index e1ff5f8e4..ef4a715af 100644
Binary files a/lib/javascript/fullstack_demo/cypress/snapshots/base/src/components/todo-app/todo-app.cy.tsx/todo-app.png and b/lib/javascript/fullstack_demo/cypress/snapshots/base/src/components/todo-app/todo-app.cy.tsx/todo-app.png differ
diff --git a/lib/javascript/fullstack_demo/src/components/todo-app/todo-app.cy.tsx b/lib/javascript/fullstack_demo/src/components/todo-app/todo-app.cy.tsx
index d3db9ad3e..036d09a7b 100644
--- a/lib/javascript/fullstack_demo/src/components/todo-app/todo-app.cy.tsx
+++ b/lib/javascript/fullstack_demo/src/components/todo-app/todo-app.cy.tsx
@@ -4,6 +4,7 @@ import { TodoApp } from './todo-app';
 describe('<TodoApp />', () => {
   it('renders', () => {
     // Arrange
+    cy.viewport(550, 550);
     cy.intercept('GET', '/api/todos', {
       body: [
         { id: 1, text: 'Todo 1', completed: false },