From db797aae09431389c3d888323c7756fdd75d2904 Mon Sep 17 00:00:00 2001
From: Carolina Nymark <hi@themesbycarolina.com>
Date: Mon, 26 Feb 2024 06:25:52 +0100
Subject: [PATCH] Font library: Update the spacing in the font collection panel
 heading

---
 .../font-library-modal/font-collection.js              | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/font-collection.js b/packages/edit-site/src/components/global-styles/font-library-modal/font-collection.js
index 01f7a90357c8b..318945d89f824 100644
--- a/packages/edit-site/src/components/global-styles/font-library-modal/font-collection.js
+++ b/packages/edit-site/src/components/global-styles/font-library-modal/font-collection.js
@@ -277,12 +277,14 @@ function FontCollection( { slug } ) {
 			>
 				<NavigatorScreen path="/">
 					<HStack justify="space-between">
-						<Heading level={ 2 } size={ 13 }>
-							{ selectedCollection.name }
-						</Heading>
+						<VStack>
+							<Heading level={ 2 } size={ 13 }>
+								{ selectedCollection.name }
+							</Heading>
+							<Text>{ selectedCollection.description }</Text>
+						</VStack>
 						<ActionsComponent />
 					</HStack>
-					<Text>{ selectedCollection.description }</Text>
 					<Spacer margin={ 4 } />
 					<Flex>
 						<FlexItem>