From 9c0fa9360c99135e0af66c9c4b597e54c9e6dec3 Mon Sep 17 00:00:00 2001
From: Apratim Shukla <apratimshukla6@gmail.com>
Date: Fri, 29 Nov 2024 00:01:16 -0800
Subject: [PATCH] Update content.js

---
 public/content.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/content.js b/public/content.js
index daeb731ae..c23efc9da 100644
--- a/public/content.js
+++ b/public/content.js
@@ -266,7 +266,7 @@ function generateModalContent(operation, amount, styles = {}, isCustom = false,
       font-family: Poppins, sans-serif;
       width: 300px;
     ">
-      <div style="width: calc(100%);
+      <div id="resVaultMessageBox" style="width: calc(100%);
         padding: 20px;
         background-color: #291f57;
         border-radius: 15px;
@@ -327,7 +327,7 @@ function generateModalContent(operation, amount, styles = {}, isCustom = false,
       font-family: Poppins, sans-serif;
       width: 300px;
     ">
-      <div style="width: calc(100%);
+      <div id="resVaultMessageBox" style="width: calc(100%);
         padding: 20px;
         background-color: #291f57;
         border-radius: 15px;
@@ -398,22 +398,22 @@ function generateModalContent(operation, amount, styles = {}, isCustom = false,
 function applyStylesToModal(modal, styles) {
   const allowedSelectors = [
     '#resVaultModalContent',
+    "#resVaultMessageBox",
     '#amountDisplay',
     '#resVaultModalClose',
     '#resVaultModalSubmit',
     '#customMessage',
     '#poweredBy',
-    // Add other selectors if necessary
   ];
 
   const allowedStyles = {
     '#resVaultModalContent': ['background-color', 'padding', 'border-radius', 'box-shadow', 'font-family', 'width', 'position', 'top', 'left', 'transform', 'z-index'],
     '#amountDisplay': ['color', 'font-size', 'text-align', 'border', 'background-color', 'padding', 'border-radius'],
+    '#resVaultMessageBox': ['width', 'padding', 'background-color', 'border-radius', 'margin-bottom', 'box-shadow'],
     '#resVaultModalClose': ['background-color', 'color', 'border', 'padding', 'border-radius', 'cursor', 'width'],
     '#resVaultModalSubmit': ['background-color', 'color', 'border', 'padding', 'border-radius', 'cursor', 'width'],
     '#customMessage': ['color', 'font-size', 'text-align', 'background-color', 'padding', 'border-radius'],
     '#poweredBy': ['color', 'font-size', 'text-align'],
-    // Other elements...
   };
 
   for (const selector in styles) {