From ed14eb48228f82fe5ba7be37961f4f85f77cfa5d Mon Sep 17 00:00:00 2001 From: Padmaja <52911293+padms@users.noreply.github.com> Date: Fri, 5 Jan 2024 11:34:52 +0530 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Fix=20padding=20in=20fact-box=20?= =?UTF-8?q?#2008?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../shared/portableText/components/news/Fact.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/web/pageComponents/shared/portableText/components/news/Fact.tsx b/web/pageComponents/shared/portableText/components/news/Fact.tsx index 79757a5b2..16496e6b7 100644 --- a/web/pageComponents/shared/portableText/components/news/Fact.tsx +++ b/web/pageComponents/shared/portableText/components/news/Fact.tsx @@ -32,6 +32,10 @@ const FactBoxContentWithPadding = styled(FactBox.Content)<{ !hasImage && { padding: `${hasBgColor ? 'var(--space-3xLarge)' : '0'} var(--layout-paddingHorizontal-large)`, }} + ${({ hasColumns, hasBgColor }) => + hasColumns && { + padding: `${hasBgColor ? 'var(--space-large)' : '0 var(--space-large)'}`, + }} ` type BlockProps = {