Remove padding to use passed widget padding and fix story inconsistencies.

Author: benbowler

assets/js/modules/adsense/components/widgets/ConnectAdSenseCTATileWidget.js

@@ -39,7 +39,7 @@ export default function ConnectAdSenseCTATileWidget( { Widget, widgetSlug } ) {
 	// this component and thus sharing the same state), it is wrapped with a `Widget` component - the net
 	// result being the ConnectModuleCTATile is correctly wrapped in a `Widget` in both cases.
 	return (
-		<Widget noPadding>
+		<Widget>
 			<ConnectModuleCTATile { ...metadata } />
 		</Widget>
 	);

assets/js/modules/analytics-4/components/widgets/ConnectGA4CTATileWidget.js

@@ -62,7 +62,7 @@ export default function ConnectGA4CTATileWidget( { Widget, widgetSlug } ) {
 	// this component and thus sharing the same state), it is wrapped with a `Widget` component - the net
 	// result being the ConnectModuleCTATile is correctly wrapped in a `Widget` in both cases.
 	return (
-		<Widget noPadding>
+		<Widget>
 			<ConnectModuleCTATile { ...metadata } />
 		</Widget>
 	);

assets/sass/components/key-metrics/_googlesitekit-km-connect-module-cta-tile.scss

@@ -19,11 +19,6 @@
 .googlesitekit-plugin {
 
 	.googlesitekit-widget--connectModuleCTATile {
-		padding: $grid-gap-phone;
-
-		@media (min-width: $bp-desktop) {
-			padding: $grid-gap-desktop;
-		}
 
 		.googlesitekit-km-connect-module-cta-tile {
 			align-items: center;
@@ -41,6 +36,19 @@
 			margin: 0 0 4px;
 		}
 
+		&.googlesitekit-km-widget-tile {
+			min-height: auto;
+			padding: 0;
+
+			.googlesitekit-km-connect-module-cta-tile {
+				padding-top: $grid-gap-phone / 2;
+
+				@media (min-width: $bp-tablet) {
+					padding-top: $grid-gap-desktop / 2;
+				}
+			}
+		}
+
 		&.googlesitekit-km-widget-tile.googlesitekit-km-widget-tile--combined {
 			align-items: center;
 			container: cta-tile / inline-size;