diff --git a/cypress/e2e/nodes/Links.spec.js b/cypress/e2e/nodes/Links.spec.js
index 43636f75a1..86a32c84ca 100644
--- a/cypress/e2e/nodes/Links.spec.js
+++ b/cypress/e2e/nodes/Links.spec.js
@@ -160,7 +160,7 @@ describe('test link marks', function() {
 				cy.getFile(fileName)
 					.then($el => {
 						checkLinkFile(fileName)
-						cy.get('.modal-name').should('include.text', fileName)
+						cy.get('.modal-header__name').should('include.text', fileName)
 					})
 			})
 			it('with selected text', () => {
@@ -168,7 +168,7 @@ describe('test link marks', function() {
 					.then($el => {
 						cy.getContent().type(`${text}{selectAll}`)
 						checkLinkFile(fileName, text)
-						cy.get('.modal-name').should('include.text', fileName)
+						cy.get('.modal-header__name').should('include.text', fileName)
 					})
 			})
 			it('link to directory', () => {
diff --git a/cypress/e2e/viewer.spec.js b/cypress/e2e/viewer.spec.js
index 640f61b1c3..4a640ae5e7 100644
--- a/cypress/e2e/viewer.spec.js
+++ b/cypress/e2e/viewer.spec.js
@@ -48,7 +48,7 @@ describe('Open test.md in viewer', function() {
 			.and('have.class', 'modal-mask')
 			.and('not.have.class', 'icon-loading')
 		getViewer()
-			.find('.modal-name').should('contain', 'test.md')
+			.find('.modal-header__name').should('contain', 'test.md')
 		getViewer()
 			.find('.modal-header button.action-item__menutoggle')
 			.should('be.visible')
@@ -72,7 +72,7 @@ describe('Open test.md in viewer', function() {
 			.and('have.class', 'modal-mask')
 			.and('not.have.class', 'icon-loading')
 		getViewer()
-			.find('.modal-name').should('contain', 'empty.md')
+			.find('.modal-header__name').should('contain', 'empty.md')
 		getViewer()
 			.find('.modal-header button.action-item__menutoggle')
 			.should('be.visible')