diff --git a/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.scss b/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.scss
index 4e664f425b0..43b020e282c 100644
--- a/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.scss
+++ b/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.scss
@@ -25,22 +25,24 @@
 		}
 	}
 
-	.woocommerce-marketing-campaign-logo {
-		img {
-			display: block;
+	.woocommerce-marketing-campaigns-table {
+		.woocommerce-marketing-campaign-logo {
+			img {
+				display: block;
+			}
 		}
-	}
 
-	.woocommerce-marketing-campaign-title {
-		a {
-			color: #007cba;
-			font-weight: 600;
-			text-decoration: none;
+		.woocommerce-marketing-campaign-title {
+			a {
+				color: #007cba;
+				font-weight: 600;
+				text-decoration: none;
+			}
 		}
-	}
 
-	.woocommerce-marketing-campaign-description {
-		color: $gray-700;
+		.woocommerce-marketing-campaign-description {
+			color: $gray-700;
+		}
 	}
 
 	.woocommerce-marketing-campaigns-card-footer {
diff --git a/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx b/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx
index 244b5b206d9..e963a028c86 100644
--- a/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx
+++ b/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx
@@ -69,6 +69,8 @@ export const Campaigns = () => {
 		<Card className="woocommerce-marketing-campaigns-card">
 			<CampaignsCardHeader />
 			<Table
+				// this is `classNames`, instead of the correct `className`, due to misnaming in the Table component.
+				classNames="woocommerce-marketing-campaigns-table"
 				caption={ __( 'Campaigns', 'woocommerce' ) }
 				headers={ [
 					{