From 84d4b2819af0df255cbe01fa533166429fba040c Mon Sep 17 00:00:00 2001
From: Joshua Dinh <75056371+JoshuaHungDinh@users.noreply.github.com>
Date: Wed, 3 Jul 2024 13:57:22 -0700
Subject: [PATCH] refactor: improve the styling of the anonymous donation
 checkbox description (#7413)

---
 src/DonationForms/resources/styles/elements/_fields.scss  | 8 +++++++-
 .../form-builder/src/blocks/fields/anonymous/styles.scss  | 8 ++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/DonationForms/resources/styles/elements/_fields.scss b/src/DonationForms/resources/styles/elements/_fields.scss
index a1379eabcd..6c824d0fb7 100644
--- a/src/DonationForms/resources/styles/elements/_fields.scss
+++ b/src/DonationForms/resources/styles/elements/_fields.scss
@@ -1,7 +1,13 @@
-.givewp-fields-checkbox {
+.givewp-fields-checkbox  {
     &__description {
         margin-left: calc(1.25em + 0.375em);
     }
+
+    &-anonymous {
+        .givewp-fields__description{
+            margin-left: 1.78rem;
+        }
+    }
 }
 
 .givewp-fields-amount {
diff --git a/src/FormBuilder/resources/js/form-builder/src/blocks/fields/anonymous/styles.scss b/src/FormBuilder/resources/js/form-builder/src/blocks/fields/anonymous/styles.scss
index f55e137c18..31b443a8f2 100644
--- a/src/FormBuilder/resources/js/form-builder/src/blocks/fields/anonymous/styles.scss
+++ b/src/FormBuilder/resources/js/form-builder/src/blocks/fields/anonymous/styles.scss
@@ -2,6 +2,14 @@
     .components-checkbox-control__label {
         font-size: 1rem;
         font-weight: 500;
+        line-height: 24px;
+        color: var(--givewp-gray-100);
+    }
+
+    .components-base-control__help {
+        margin-left: 2rem;
+        font-size: 0.875rem;
+        line-height: 1rem;
         color: var(--givewp-grey-700);
     }
 }