From 7e045a0052cd821aa165e7df54a5ee3b84028de9 Mon Sep 17 00:00:00 2001
From: Robb Niznik <rniznik@launchdarkly.com>
Date: Mon, 25 Nov 2024 16:16:40 -0500
Subject: [PATCH] fix: add gap

---
 packages/components/src/styles/DropZone.module.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/styles/DropZone.module.css b/packages/components/src/styles/DropZone.module.css
index 0e603a66d..c8c2d2134 100644
--- a/packages/components/src/styles/DropZone.module.css
+++ b/packages/components/src/styles/DropZone.module.css
@@ -2,12 +2,14 @@
 	background-color: var(--lp-color-bg-ui-secondary);
 	border: 1px solid var(--lp-color-border-ui-primary);
 	border-radius: var(--lp-border-radius-medium);
-	vertical-align: middle;
-	text-align: center;
+	align-items: center;
+	justify-content: center;
 	margin: 0;
 	outline: none;
 	padding: var(--lp-spacing-500) var(--lp-spacing-700);
-	display: inline-block;
+	display: inline-flex;
+	flex-direction: column;
+	gap: var(--lp-spacing-400);
 
 	&[data-focus-visible],
 	&[data-drop-target] {