diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
index 0739fc1eddd478..4f8bbab5a16095 100644
--- a/packages/base-styles/_z-index.scss
+++ b/packages/base-styles/_z-index.scss
@@ -126,6 +126,7 @@ $z-layers: (
 	".block-editor-block-lock-modal": 1000001,
 	".block-editor-template-part__selection-modal": 1000001,
 	".block-editor-block-rename-modal": 1000001,
+	".edit-site-list__rename-modal": 1000001,
 
 	// Note: The ConfirmDialog component's z-index is being set to 1000001 in packages/components/src/confirm-dialog/styles.ts
 	// because it uses emotion and not sass. We need it to render on top its parent popover.
diff --git a/packages/edit-site/src/components/list/style.scss b/packages/edit-site/src/components/list/style.scss
index 59d37ebf3d3139..0979b7ac7e3a6a 100644
--- a/packages/edit-site/src/components/list/style.scss
+++ b/packages/edit-site/src/components/list/style.scss
@@ -130,6 +130,8 @@
 }
 
 .edit-site-list__rename-modal {
+	// The rename dropdown popover is open at the same time as the rename modal. The latter has to be higher.
+	z-index: z-index(".edit-site-list__rename-modal");
 	.components-base-control {
 		@include break-medium() {
 			width: $grid-unit * 40;
diff --git a/packages/edit-site/src/components/page-patterns/rename-menu-item.js b/packages/edit-site/src/components/page-patterns/rename-menu-item.js
index 938023a62cefd3..bd7d33bb821fc1 100644
--- a/packages/edit-site/src/components/page-patterns/rename-menu-item.js
+++ b/packages/edit-site/src/components/page-patterns/rename-menu-item.js
@@ -79,7 +79,7 @@ export default function RenameMenuItem( { item, onClose } ) {
 						setIsModalOpen( false );
 						onClose();
 					} }
-					overlayClassName="edit-site-list__rename_modal"
+					overlayClassName="edit-site-list__rename-modal"
 				>
 					<form onSubmit={ onRename }>
 						<VStack spacing="5">