diff --git a/plugins/woocommerce-admin/client/products/tour/block-editor/block-editor-tour.tsx b/plugins/woocommerce-admin/client/products/tour/block-editor/block-editor-tour.tsx
index b5eedb47a2a..59b369f722b 100644
--- a/plugins/woocommerce-admin/client/products/tour/block-editor/block-editor-tour.tsx
+++ b/plugins/woocommerce-admin/client/products/tour/block-editor/block-editor-tour.tsx
@@ -139,6 +139,7 @@ const BlockEditorTour = ( { shouldTourBeShown, dismissModal }: Props ) => {
 								},
 							},
 						],
+						classNames: 'woocommerce-block-editor-tourkit',
 					},
 				} }
 			/>
diff --git a/plugins/woocommerce-admin/client/products/tour/block-editor/style.scss b/plugins/woocommerce-admin/client/products/tour/block-editor/style.scss
index 6c1e86b38b3..9ba4967cae3 100644
--- a/plugins/woocommerce-admin/client/products/tour/block-editor/style.scss
+++ b/plugins/woocommerce-admin/client/products/tour/block-editor/style.scss
@@ -1,10 +1,11 @@
 $background-height: 220px;
 $yellow: #f5e6ab;
+$light-purple: #f2edff;
 
 .woocommerce-block-editor-guide {
 	&__background1 {
 		height: $background-height;
-		background-color: #f2edff;
+		background-color: $light-purple;
 	}
 	&__background2 {
 		height: $background-height;
@@ -56,3 +57,12 @@ $yellow: #f5e6ab;
 		}
 	}
 }
+
+.woocommerce-block-editor-tourkit {
+	.components-card__header {
+		align-items: flex-start;
+		height: 200px;
+		background-color: $light-purple;
+		margin-bottom: $gap;
+	}
+}
diff --git a/plugins/woocommerce/changelog/update-tourkitdesign b/plugins/woocommerce/changelog/update-tourkitdesign
new file mode 100644
index 00000000000..fee68ef0d59
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-tourkitdesign
@@ -0,0 +1,5 @@
+Significance: patch
+Type: tweak
+Comment: Update styles of block editor tour
+
+