diff --git a/app/components/badge.js b/app/components/badge.js
index c5a0ab008..2efa43ced 100644
--- a/app/components/badge.js
+++ b/app/components/badge.js
@@ -91,7 +91,7 @@ export default class Badge extends PureComponent {
         setTimeout(() => {
             this.setNativeProps({
                 style: {
-                    display: 'flex'
+                    opacity: 1
                 }
             });
         }, 100);
@@ -125,7 +125,7 @@ export default class Badge extends PureComponent {
             >
                 <View
                     ref='badgeContainer'
-                    style={[styles.badge, this.props.style, {display: 'none'}]}
+                    style={[styles.badge, this.props.style, {opacity: 0}]}
                 >
                     <View style={styles.wrapper}>
                         {this.renderText()}