From 0a1a07cc544ab67ee5a1e2ee0f2485ad0dfc7b06 Mon Sep 17 00:00:00 2001
From: Moon <moon.kyong@automattic.com>
Date: Mon, 30 Aug 2021 12:59:05 -0700
Subject: [PATCH] Use !important to force padding:0
 (https://github.com/woocommerce/woocommerce-admin/pull/7594)

* Use !important to force padding:0

* Remove card body component
---
 .../client/homescreen/stats-overview/index.js | 86 +++++++++----------
 .../client/homescreen/style.scss              |  4 -
 2 files changed, 39 insertions(+), 51 deletions(-)

diff --git a/plugins/woocommerce-admin/client/homescreen/stats-overview/index.js b/plugins/woocommerce-admin/client/homescreen/stats-overview/index.js
index fe8972f508b..747cdb1188f 100644
--- a/plugins/woocommerce-admin/client/homescreen/stats-overview/index.js
+++ b/plugins/woocommerce-admin/client/homescreen/stats-overview/index.js
@@ -4,13 +4,7 @@
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { Fragment } from '@wordpress/element';
-import {
-	TabPanel,
-	Card,
-	CardHeader,
-	CardBody,
-	CardFooter,
-} from '@wordpress/components';
+import { TabPanel, Card, CardHeader, CardFooter } from '@wordpress/components';
 import { get, xor } from 'lodash';
 import {
 	EllipsisMenu,
@@ -122,46 +116,44 @@ export const StatsOverview = () => {
 					) }
 				/>
 			</CardHeader>
-			<CardBody>
-				<TabPanel
-					className="woocommerce-stats-overview__tabs"
-					onSelect={ ( period ) => {
-						recordEvent( 'statsoverview_date_picker_update', {
-							period,
-						} );
-					} }
-					tabs={ [
-						{
-							title: __( 'Today', 'woocommerce-admin' ),
-							name: 'today',
-						},
-						{
-							title: __( 'Week to date', 'woocommerce-admin' ),
-							name: 'week',
-						},
-						{
-							title: __( 'Month to date', 'woocommerce-admin' ),
-							name: 'month',
-						},
-					] }
-				>
-					{ ( tab ) => (
-						<Fragment>
-							{ ! jetPackIsConnected &&
-								! userDismissedJetpackInstall && (
-									<InstallJetpackCTA />
-								) }
-							<StatsList
-								query={ {
-									period: tab.name,
-									compare: 'previous_period',
-								} }
-								stats={ activeStats }
-							/>
-						</Fragment>
-					) }
-				</TabPanel>
-			</CardBody>
+			<TabPanel
+				className="woocommerce-stats-overview__tabs"
+				onSelect={ ( period ) => {
+					recordEvent( 'statsoverview_date_picker_update', {
+						period,
+					} );
+				} }
+				tabs={ [
+					{
+						title: __( 'Today', 'woocommerce-admin' ),
+						name: 'today',
+					},
+					{
+						title: __( 'Week to date', 'woocommerce-admin' ),
+						name: 'week',
+					},
+					{
+						title: __( 'Month to date', 'woocommerce-admin' ),
+						name: 'month',
+					},
+				] }
+			>
+				{ ( tab ) => (
+					<Fragment>
+						{ ! jetPackIsConnected &&
+							! userDismissedJetpackInstall && (
+								<InstallJetpackCTA />
+							) }
+						<StatsList
+							query={ {
+								period: tab.name,
+								compare: 'previous_period',
+							} }
+							stats={ activeStats }
+						/>
+					</Fragment>
+				) }
+			</TabPanel>
 			<CardFooter>
 				<Link
 					className="woocommerce-stats-overview__more-btn"
diff --git a/plugins/woocommerce-admin/client/homescreen/style.scss b/plugins/woocommerce-admin/client/homescreen/style.scss
index 5e9c410be0a..59b07eae96d 100644
--- a/plugins/woocommerce-admin/client/homescreen/style.scss
+++ b/plugins/woocommerce-admin/client/homescreen/style.scss
@@ -80,10 +80,6 @@
 		}
 	}
 
-	.components-card__body {
-		padding: 0;
-	}
-
 	.components-card__footer.is-size-large {
 		padding: 0 $gap-smaller;
 	}