From 117cb074c75eee08994735558e520cbad2a70f33 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Mon, 15 Nov 2021 14:18:58 -0600
Subject: [PATCH] Shrink badge image on badge dialog screen

---
 stylesheets/components/BadgeDialog.scss | 2 +-
 ts/components/BadgeDialog.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/stylesheets/components/BadgeDialog.scss b/stylesheets/components/BadgeDialog.scss
index f4a2d46c3f..3dd7b90dcf 100644
--- a/stylesheets/components/BadgeDialog.scss
+++ b/stylesheets/components/BadgeDialog.scss
@@ -104,7 +104,7 @@
     display: flex;
     justify-content: center;
     margin-bottom: 8px;
-    margin-top: 24px;
+    margin-top: 12px;
   }
 
   &__description {
diff --git a/ts/components/BadgeDialog.tsx b/ts/components/BadgeDialog.tsx
index a78e40b52d..d09142305d 100644
--- a/ts/components/BadgeDialog.tsx
+++ b/ts/components/BadgeDialog.tsx
@@ -83,7 +83,7 @@ function BadgeDialogWithBadges({
         type="button"
       />
       <div className="BadgeDialog__main">
-        <BadgeImage badge={currentBadge} size={200} />
+        <BadgeImage badge={currentBadge} size={160} />
         <div className="BadgeDialog__name">{currentBadge.name}</div>
         <div className="BadgeDialog__description">
           <BadgeDescription