diff --git a/packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields b/packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields
new file mode 100644
index 00000000000..b820b472d09
--- /dev/null
+++ b/packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix edit custom field modal width #46727
diff --git a/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss b/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss
index 5818569d744..aa8072baf13 100644
--- a/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss
+++ b/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss
@@ -1,6 +1,4 @@
 .woocommerce-product-custom-fields__edit-modal {
-	min-width: 75%;
-
 	&-actions {
 		display: flex;
 		align-items: center;
@@ -12,4 +10,9 @@
 	.components-base-control {
 		width: 100%;
 	}
+
+	.components-modal__content {
+		width: 500px;
+		max-width: 100%;
+	}
 }