fix(snaps): Fix gaps for custom UI Boxes (#27405)

MetaMask · Sep 25, 2024 · ad7a546 · ad7a546
1 parent af8fa34
commit ad7a546
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 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
@@ -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
@@ -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;