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;