Style fixes

woocommerce · Nov 7, 2024 · b0c712e · b0c712e
1 parent 64eaab6
commit b0c712e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/js/src/components/free-ad-credit/index.scss b/js/src/components/free-ad-credit/index.scss
@@ -8,7 +8,7 @@
 
 	svg {
 		flex: 0 0 auto;
-		fill: #007017;
+		fill: $gla-color-green;
 	}
 
 	&__title {

diff --git a/js/src/dashboard/summary-section/paid-features/free-ad-credit.js b/js/src/dashboard/summary-section/paid-features/free-ad-credit.js
@@ -19,7 +19,7 @@ import AppDocumentationLink from '.~/components/app-documentation-link';
 const FreeAdCredit = () => {
 	return (
 		<div className="gla-free-ad-credit-claim">
-			<GridiconGift />
+			<GridiconGift size={ 16 } />
 			<div>
 				{ createInterpolateElement(
 					__(

diff --git a/js/src/dashboard/summary-section/paid-features/index.scss b/js/src/dashboard/summary-section/paid-features/index.scss
@@ -15,21 +15,24 @@
 		text-align: left;
 
 		.gridicon {
-			fill: #5ec862;
+			fill: $gla-color-green;
+			flex: 0 0 auto;
 		}
 	}
 
 	.gla-free-ad-credit-claim {
 		text-align: left;
 		background-color: $white;
 		display: flex;
-		align-items: center;
-		gap: calc(var(--main-gap) / 3 * 2);
+		align-items: flex-start;
+		gap: $grid-unit;
 		padding: $grid-unit-20 $grid-unit-15;
 		color: $gray-900;
 
 		.gridicon {
 			fill: $gla-color-green;
+			margin: $grid-unit-10 / 2;
+			flex: 0 0 auto;
 		}
 	}