Fix hundred year domain spacing on mobile (#98178)

* Fix spacing issue for 100-year domains * Fix spacing and missing background colour
Automattic · Jan 9, 2025 · 4a1680e · 4a1680e
1 parent c08e066
commit 4a1680e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss
@@ -446,6 +446,8 @@
 	}
 
 	.step-container__header {
+		margin-bottom: 0;
+
 		@include break-small {
 			margin-bottom: 40px;
 		}

diff --git a/...pper/declarative-flow/internals/steps-repository/hundred-year-plan-step-wrapper/index.tsx b/...pper/declarative-flow/internals/steps-repository/hundred-year-plan-step-wrapper/index.tsx
@@ -157,6 +157,8 @@ const StyledFoldableCard = styled( FoldableCard )`
 	}
 
 	&.card.foldable-card {
+		background: var( --studio-gray-100 );
+		color: var( --studio-gray-0 );
 		margin: 0;
 		.foldable-card__header {
 			.foldable-card__main {