From 863d77c6620d46594e3a787fddbfa818156c6cae Mon Sep 17 00:00:00 2001
From: Frederik Bolding <frederik.bolding@gmail.com>
Date: Fri, 20 Dec 2024 15:59:50 +0100
Subject: [PATCH] fix: Use margin instead of padding for the Snaps UI Container
 (#29385)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

Use `margin` instead of `padding` for the Snaps UI Container. This fixes
an issue where using certain components (such as Section) at the root
would look weird.

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/29385?quickstart=1)

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**


![image](https://github.com/user-attachments/assets/ba7950e6-d41a-411d-aba1-a156a74efaad)


### **After**


![image](https://github.com/user-attachments/assets/c7e475d4-8b61-4ec9-ac55-084c0bb8e2df)
---
 ui/components/app/snaps/snap-ui-renderer/index.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/ui/components/app/snaps/snap-ui-renderer/index.scss b/ui/components/app/snaps/snap-ui-renderer/index.scss
index d32edf726479..1b027890b247 100644
--- a/ui/components/app/snaps/snap-ui-renderer/index.scss
+++ b/ui/components/app/snaps/snap-ui-renderer/index.scss
@@ -12,14 +12,10 @@
   &__container {
     & > *:first-child {
       gap: 16px;
-      padding: 16px;
+      margin: 16px;
     }
   }
 
-  &__error {
-    margin-top: 0 !important;
-  }
-
   &__spinner {
     width: 30px;
   }