From 502b9fd7f44d44de290925b94fc72bdf76945349 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Fri, 18 Aug 2023 19:28:15 +0100
Subject: [PATCH] Flex wrap heading and icon on smaller screens

---
 src/components/Form/Heading.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Form/Heading.tsx b/src/components/Form/Heading.tsx
index 0dd18a5..582ae3a 100644
--- a/src/components/Form/Heading.tsx
+++ b/src/components/Form/Heading.tsx
@@ -17,6 +17,7 @@ const StyledHeading = styled.h1<HeadingProps>`
   margin: 0.5rem 0;
   text-shadow: 2px 2px 0px ${colors.bgShadowColor};
   display: flex;
+  flex-wrap: wrap;
   gap: 1rem;
   align-items: center;
   font-size: ${TextSizes.medium};