From d9d6fab1be802871131ce772a570ee7b0a81f4e9 Mon Sep 17 00:00:00 2001
From: Nidhi Kumari <nidhi.kumari@consensys.net>
Date: Mon, 14 Oct 2024 16:20:57 +0100
Subject: [PATCH] fix: no connected state for permissions page (#27660)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR is to add padding to the permissions page when no site or snap
is connected

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to All permissions page
2. Disconnect all sites and snaps
3. Check the copy is center aligned when not connected

## **Screenshots/Recordings**


### **Before**
![Screenshot 2024-10-07 at 2 02
28 PM](https://github.com/user-attachments/assets/b3a46aba-a5f0-4ad3-a1dc-4e59d6d70c88)


### **After**

![Screenshot 2024-10-07 at 2 02
10 PM](https://github.com/user-attachments/assets/07ccf534-3c8e-4ee4-904a-77c6ed0a606a)

## **Pre-merge author checklist**

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.
---
 .../multichain/pages/permissions-page/permissions-page.js        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/components/multichain/pages/permissions-page/permissions-page.js b/ui/components/multichain/pages/permissions-page/permissions-page.js
index 491e041d7ac5..8cdeae0ed57d 100644
--- a/ui/components/multichain/pages/permissions-page/permissions-page.js
+++ b/ui/components/multichain/pages/permissions-page/permissions-page.js
@@ -120,6 +120,7 @@ export const PermissionsPage = () => {
             justifyContent={JustifyContent.center}
             height={BlockSize.Full}
             gap={2}
+            padding={4}
           >
             <Text
               variant={TextVariant.bodyMdMedium}