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