diff --git a/plugins/woocommerce-admin/changelogs/fix-7812_activity_panel_styling b/plugins/woocommerce-admin/changelogs/fix-7812_activity_panel_styling
new file mode 100644
index 00000000000..dc0c0bb6ab2
--- /dev/null
+++ b/plugins/woocommerce-admin/changelogs/fix-7812_activity_panel_styling
@@ -0,0 +1,4 @@
+Significance: patch
+Type: Fix
+
+Increase CSS specificity to avoid conflicts and broken panel styling. #7813
diff --git a/plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss b/plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss
index 31208815b57..11646f5ac85 100644
--- a/plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss
+++ b/plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss
@@ -1,4 +1,4 @@
-.woocommerce-activity-card {
+.woocommerce-activity-panel .woocommerce-activity-card {
 	position: relative;
 	padding: $fallback-gutter;
 	padding: $gutter;
@@ -209,7 +209,7 @@
 }
 
 // Needs the double-class for specificity
-.woocommerce-activity-card.woocommerce-order-activity-card {
+.woocommerce-activity-panel .woocommerce-activity-card.woocommerce-order-activity-card {
 	grid-template-columns: 1fr;
 	grid-template-areas:
 		'header'
@@ -232,7 +232,7 @@
 }
 
 // Needs the double-class for specificity
-.woocommerce-activity-card.woocommerce-inbox-activity-card {
+.woocommerce-activity-panel .woocommerce-activity-card.woocommerce-inbox-activity-card {
 	grid-template-columns: 72px 1fr;
 	height: 100%;
 	opacity: 1;
diff --git a/plugins/woocommerce-admin/client/homescreen/activity-panel/style.scss b/plugins/woocommerce-admin/client/homescreen/activity-panel/style.scss
index 8bd0c317c28..a401e9ef0b1 100644
--- a/plugins/woocommerce-admin/client/homescreen/activity-panel/style.scss
+++ b/plugins/woocommerce-admin/client/homescreen/activity-panel/style.scss
@@ -1,4 +1,4 @@
-.woocommerce-activity-panel {
+.woocommerce-homescreen .woocommerce-activity-panel {
 	background: transparent;
 	border: 0;