From 92b8af90e8f21136e1ecae600489070223134437 Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Mon, 15 Nov 2021 14:10:38 -0800
Subject: [PATCH] Shrink badge image on badge dialog screen

Co-authored-by: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
---
 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 f4a2d46c3f8..3dd7b90dcf3 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 a78e40b52d6..d09142305db 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