From c1fce471102415309c85eab9e5902107edef4bcc Mon Sep 17 00:00:00 2001
From: Jimmy Vo <huynhmaivo82@gmail.com>
Date: Thu, 12 Feb 2026 16:25:40 -0500
Subject: [PATCH] [PM-30610] Address feedback by modifying shared components

---
 src/Core/MailTemplates/Mjml/components/mj-bw-hero.js   |  8 +++++---
 .../MailTemplates/Mjml/components/mj-bw-icon-row.js    |  9 +--------
 ...ion-enterprise-teams-use-all-shared-components.mjml |  2 +-
 ...irmation-family-free-use-all-shared-components.mjml | 10 +++++-----
 4 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/Core/MailTemplates/Mjml/components/mj-bw-hero.js b/src/Core/MailTemplates/Mjml/components/mj-bw-hero.js
index f3f4b4cc6e..a33646968b 100644
--- a/src/Core/MailTemplates/Mjml/components/mj-bw-hero.js
+++ b/src/Core/MailTemplates/Mjml/components/mj-bw-hero.js
@@ -36,8 +36,9 @@ class MjBwHero extends BodyComponent {
             color="#1A41AC"
             border-radius="20px"
             align="left"
+            inner-padding="12px 24px"
           >
-              ${this.getAttribute("button-text")}
+            ${this.getAttribute("button-text")}
             </mj-button
           >` : "";
     const subTitleElement = this.getAttribute("sub-title") ?
@@ -62,7 +63,7 @@ class MjBwHero extends BodyComponent {
             height="30px"
           ></mj-image>
           <mj-text color="#fff" padding-top="0" padding-bottom="0">
-            <h1 style="font-weight: 500; font-size: 24px; line-height: 32px">
+            <h1 style="font-weight: 400; font-size: 24px; line-height: 32px">
               ${this.getAttribute("title")}
             </h1>
             ` +
@@ -77,7 +78,8 @@ class MjBwHero extends BodyComponent {
             src="${this.getAttribute("img-src")}"
             alt=""
             width="155px"
-            padding="0px"
+            padding="0px 20px 0px 0px"
+            align="right"
             css-class="mj-bw-hero-responsive-img"
             />
         </mj-column>
diff --git a/src/Core/MailTemplates/Mjml/components/mj-bw-icon-row.js b/src/Core/MailTemplates/Mjml/components/mj-bw-icon-row.js
index ed087062da..717f99c96a 100644
--- a/src/Core/MailTemplates/Mjml/components/mj-bw-icon-row.js
+++ b/src/Core/MailTemplates/Mjml/components/mj-bw-icon-row.js
@@ -66,16 +66,9 @@ class MjBwIconRow extends BodyComponent {
 
     const footAnchorElement =
       this.getAttribute("foot-url-text") && this.getAttribute("foot-url")
-        ? `<mj-text css-class="mj-bw-icon-row-text" padding="5px 10px 0px 10px" ${BODY_TEXT_STYLES}>
+        ? `<mj-text css-class="mj-bw-icon-row-text" padding="0px" ${BODY_TEXT_STYLES}>
                 <a href="${this.getAttribute("foot-url")}" class="link">
                     ${this.getAttribute("foot-url-text")}
-                    <span style="text-decoration: none">
-                      <img src="https://assets.bitwarden.com/email/v1/bwi-external-link-16px.png"
-                        alt="External Link Icon"
-                        width="16px"
-                        style="vertical-align: middle;"
-                      />
-                    </span>
               </a>
           </mj-text>`
         : "";
diff --git a/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-enterprise-teams-use-all-shared-components.mjml b/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-enterprise-teams-use-all-shared-components.mjml
index ca8436a58f..4c92ac4f07 100644
--- a/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-enterprise-teams-use-all-shared-components.mjml
+++ b/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-enterprise-teams-use-all-shared-components.mjml
@@ -10,7 +10,7 @@
         <!-- Blue Header Section -->
         <mj-wrapper css-class="border-fix" padding="20px 20px 10px 20px">
             <mj-bw-hero
-                    title="You can now share passwords with members of {{OrganizationName}}!"
+                    title="You can now share passwords with members of <b>{{OrganizationName}}!</b>"
                     img-src="https://assets.bitwarden.com/email/v1/ac-spot-enterprise.png"
                     button-text="Log in"
                     button-url="{{WebVaultUrl}}"
diff --git a/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-family-free-use-all-shared-components.mjml b/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-family-free-use-all-shared-components.mjml
index c85bc4f813..bb6a0acc18 100644
--- a/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-family-free-use-all-shared-components.mjml
+++ b/src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-family-free-use-all-shared-components.mjml
@@ -11,7 +11,7 @@
         <!-- Blue Header Section -->
         <mj-wrapper css-class="border-fix" padding="20px 20px 10px 20px">
             <mj-bw-hero
-                    title="You can now share passwords with members of {{OrganizationName}}!"
+                    title="You can now share passwords with members of <b>{{OrganizationName}}!</b>"
                     img-src="https://assets.bitwarden.com/email/v1/ac-spot-family.png"
                     button-text="Log in"
                     button-url="{{WebVaultUrl}}">
@@ -43,11 +43,11 @@
 
         <!-- Download Mobile Apps Section -->
         <mj-wrapper padding="8px 20px 10px 20px">
-            <mj-section background-color="#fff" padding="32px 32px 0px 32px">
+            <mj-section background-color="#fff" padding="32px 10px 0px 25px">
                 <mj-column>
                     <mj-text
-                            font-size="16px"
-                            font-weight="700"
+                            font-size="18px"
+                            font-weight="500"
                             line-height="24px"
                             padding="0 0 16px 0">
                         Download Bitwarden on all devices
@@ -65,7 +65,7 @@
                 </mj-column>
             </mj-section>
 
-            <mj-section background-color="#fff" padding="0 32px 32px 32px">
+            <mj-section background-color="#fff" padding="0 10px 32px 25px">
                 <mj-group>
                     <mj-column width="159px">
                         <mj-image