diff --git a/stylesheets/components/BadgeDialog.scss b/stylesheets/components/BadgeDialog.scss
index 28caf429fe6..f4a2d46c3f8 100644
--- a/stylesheets/components/BadgeDialog.scss
+++ b/stylesheets/components/BadgeDialog.scss
@@ -99,13 +99,16 @@
 
   &__name {
     @include font-title-2;
-    @include fixed-height(2.5rem);
-    margin-top: 24px;
+    @include fixed-height(3.5em);
+    align-items: center;
+    display: flex;
+    justify-content: center;
     margin-bottom: 8px;
+    margin-top: 24px;
   }
 
   &__description {
     @include font-body-1;
-    @include fixed-height(3.5rem);
+    @include fixed-height(5.5em);
   }
 }
diff --git a/ts/test-both/helpers/getFakeBadge.ts b/ts/test-both/helpers/getFakeBadge.ts
index 1f93d415e00..7c5fa9a4a28 100644
--- a/ts/test-both/helpers/getFakeBadge.ts
+++ b/ts/test-both/helpers/getFakeBadge.ts
@@ -23,7 +23,8 @@ export function getFakeBadge({
     id,
     category: alternate ? BadgeCategory.Other : BadgeCategory.Donor,
     name: `Test Badge ${alternate ? 'B' : 'A'}`,
-    descriptionTemplate: '{short_name} got this badge for no good reason',
+    descriptionTemplate:
+      "{short_name} got this badge because they're cool. Signal is a nonprofit with no advertisers or investors, supported only by people like you.",
     images: [
       ...Array(3).fill(
         zipObject(Object.values(BadgeImageTheme), repeat(imageFile))