From 6685fcacf1b50950ef334e21e676986f96ccc5c8 Mon Sep 17 00:00:00 2001 From: amalcaraz Date: Tue, 27 Feb 2024 08:58:19 +0100 Subject: [PATCH] fix: column layout fixes in safari --- src/components/common/ColumnLayout/styles.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/common/ColumnLayout/styles.tsx b/src/components/common/ColumnLayout/styles.tsx index fa48531..cf4c1a6 100644 --- a/src/components/common/ColumnLayout/styles.tsx +++ b/src/components/common/ColumnLayout/styles.tsx @@ -2,9 +2,9 @@ import styled from 'styled-components' import tw from 'twin.macro' export const StyledLayout = styled.div` - ${tw`columns-xs gap-9`} + ${tw`columns-xs gap-9 -mt-9`} & > * { - ${tw`flex flex-col gap-9 mb-9 break-inside-avoid`} + ${tw`inline-flex w-full flex-col gap-9 mt-9 break-inside-avoid`} } `