diff --git a/plugins/woocommerce-admin/client/customize-store/assembler-hub/auto-block-preview.tsx b/plugins/woocommerce-admin/client/customize-store/assembler-hub/auto-block-preview.tsx
index 0190d40a404..22e9b9e2127 100644
--- a/plugins/woocommerce-admin/client/customize-store/assembler-hub/auto-block-preview.tsx
+++ b/plugins/woocommerce-admin/client/customize-store/assembler-hub/auto-block-preview.tsx
@@ -301,6 +301,19 @@ function ScaledBlockPreview( {
 							display: none !important;
 						}
 
+						footer.is-selected::after,
+						header.is-selected::after {
+							outline-color: var(--wp-admin-theme-color) !important;
+						}
+
+						header.is-selected::after {
+						    border-top-left-radius: 20px;
+					    }
+
+						footer.is-selected::after {
+						    border-bottom-left-radius: 20px;
+					    }
+
 						${ additionalStyles }
 					` }
 						</style>
diff --git a/plugins/woocommerce/changelog/48765-48669-cys-in-some-cases-the-border-of-the-footerheader-is-violet b/plugins/woocommerce/changelog/48765-48669-cys-in-some-cases-the-border-of-the-footerheader-is-violet
new file mode 100644
index 00000000000..801cf3d9592
--- /dev/null
+++ b/plugins/woocommerce/changelog/48765-48669-cys-in-some-cases-the-border-of-the-footerheader-is-violet
@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+CYS: when the footer/header is clicked, the border color is blue.
\ No newline at end of file