diff --git a/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
index ac375550c48..1b6e25935cb 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
@@ -18,7 +18,7 @@
 			&:focus {
 				background-color: $input-background-dark;
 				color: $input-text-dark;
-				box-shadow: 0 0 0 2px $input-border-gray;
+				box-shadow: 0 0 0 2px $input-border-dark;
 			}
 		}
 
@@ -40,12 +40,16 @@
 		color: $input-text-active;
 
 		&:focus {
-			outline: 0;
-			box-shadow: 0 0 0 1px inherit;
+			outline: none;
+			box-shadow: 0 0 0 2px $input-border-gray;
 		}
 
 		.has-dark-controls & {
 			color: $input-text-dark;
+
+			&:focus {
+				box-shadow: 0 0 0 2px $input-border-dark;
+			}
 		}
 
 		.has-error & {
diff --git a/plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block b/plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block
new file mode 100644
index 00000000000..da9cb8df7b4
--- /dev/null
+++ b/plugins/woocommerce/changelog/51332-fix-focus-style-select-checkout-block
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Add focus styles to the Checkout block select field.
\ No newline at end of file