diff --git a/src/renderer/components/badge/badge.scss b/src/renderer/components/badge/badge.scss
index e47291fc28..5bba59decb 100644
--- a/src/renderer/components/badge/badge.scss
+++ b/src/renderer/components/badge/badge.scss
@@ -27,8 +27,8 @@
     transform: scaleX(-1);
     position: absolute;
     z-index: 1;
-    right: -10px;
-    bottom: -10px;
+    right: -6px;
+    bottom: -6px;
     color: $textColorAccent;
     background-color: $halfGray;
     border-radius: 50%;
diff --git a/src/renderer/components/badge/badge.tsx b/src/renderer/components/badge/badge.tsx
index d26ae8a6ec..3947dd1c24 100644
--- a/src/renderer/components/badge/badge.tsx
+++ b/src/renderer/components/badge/badge.tsx
@@ -37,11 +37,14 @@ export class Badge extends React.Component<BadgeProps> {
       return null
     }
 
-    if (this.isExpanded) {
-      return <Icon className="expansionIcon" size={20} material="close_fullscreen" onClick={this.onClick} />
-    }
-
-    return <Icon className="expansionIcon" size={20} material="open_in_full" onClick={this.onClick} />
+    const material = this.isExpanded ? "close_fullscreen" : "open_in_full"
+    return <Icon
+      className="expansionIcon"
+      size={12}
+      material={material}
+      focusable={false}
+      onClick={this.onClick}
+    />
   }
 
   render() {
diff --git a/src/renderer/components/icon/icon.scss b/src/renderer/components/icon/icon.scss
index e581ccbbdc..77a4523bbf 100644
--- a/src/renderer/components/icon/icon.scss
+++ b/src/renderer/components/icon/icon.scss
@@ -132,4 +132,4 @@
       @extend .active;
     }
   }
-}
\ No newline at end of file
+}