diff --git a/projects/js-packages/base-styles/changelog/feat-reduce-specificity-of-body-selector b/projects/js-packages/base-styles/changelog/feat-reduce-specificity-of-body-selector
new file mode 100644
index 0000000000000..57ba0ec103564
--- /dev/null
+++ b/projects/js-packages/base-styles/changelog/feat-reduce-specificity-of-body-selector
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Base Styles: Reduce specificity of the body selector
diff --git a/projects/js-packages/base-styles/package.json b/projects/js-packages/base-styles/package.json
index 2386a919fc5cf..7a7fc34f11183 100644
--- a/projects/js-packages/base-styles/package.json
+++ b/projects/js-packages/base-styles/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-base-styles",
-	"version": "0.6.22",
+	"version": "0.6.23-alpha",
 	"description": "Jetpack components base styles",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/base-styles/#readme",
 	"bugs": {
diff --git a/projects/js-packages/base-styles/style.scss b/projects/js-packages/base-styles/style.scss
index 301c9767b071d..a9a6b33d84b7d 100644
--- a/projects/js-packages/base-styles/style.scss
+++ b/projects/js-packages/base-styles/style.scss
@@ -26,7 +26,7 @@
 /********* Generic styles *********/
 $wp-gray-dark: #23282d;
 
-body {
+:where(body) {
 	min-height: 100%;
 	margin: 0;
 	padding: 0;