From ad7a54621fe5f208497c9a0168f3eed628977706 Mon Sep 17 00:00:00 2001
From: Guillaume Roux <guillaumeroux123@gmail.com>
Date: Wed, 25 Sep 2024 22:58:13 +0200
Subject: [PATCH] fix(snaps): Fix gaps for custom UI Boxes (#27405)

---
 ui/components/app/snaps/snap-ui-form/snap-ui-form.tsx | 2 +-
 ui/components/app/snaps/snap-ui-renderer/index.scss   | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/components/app/snaps/snap-ui-form/snap-ui-form.tsx b/ui/components/app/snaps/snap-ui-form/snap-ui-form.tsx
index c070fb88b804..6f265bc71710 100644
--- a/ui/components/app/snaps/snap-ui-form/snap-ui-form.tsx
+++ b/ui/components/app/snaps/snap-ui-form/snap-ui-form.tsx
@@ -33,7 +33,7 @@ export const SnapUIForm: FunctionComponent<SnapUIFormProps> = ({
       id={name}
       display={Display.Flex}
       flexDirection={FlexDirection.Column}
-      gap={4}
+      gap={2}
     >
       {children}
     </Box>
diff --git a/ui/components/app/snaps/snap-ui-renderer/index.scss b/ui/components/app/snaps/snap-ui-renderer/index.scss
index d852e5317d1b..b1bc569af333 100644
--- a/ui/components/app/snaps/snap-ui-renderer/index.scss
+++ b/ui/components/app/snaps/snap-ui-renderer/index.scss
@@ -5,6 +5,7 @@
 
   &__container {
     & > *:first-child {
+      gap: 16px;
       padding: 16px;
     }
   }
@@ -40,7 +41,7 @@
   }
 
   &__panel {
-    gap: 16px;
+    gap: 8px;
 
     .mm-icon--size-inherit {
       top: 0;