diff --git a/src/components/GreetingsCard.js b/src/components/GreetingsCard.js
index 19c4a4b..7de4a7b 100644
--- a/src/components/GreetingsCard.js
+++ b/src/components/GreetingsCard.js
@@ -117,6 +117,7 @@ class GreetingsCard extends React.PureComponent {
             });
           }}
         >
+          <NotificationBadge style={{ position: 'relative' }}/>
           <Icon
             name={
               this.props.notificationCount
@@ -125,7 +126,6 @@ class GreetingsCard extends React.PureComponent {
             }
             color={colors.primary}
           />
-          <NotificationBadge />
         </TouchableOpacity>
       </View>
     );
@@ -162,7 +162,10 @@ const greetingsCardStyles = StyleSheet.create({
   notificationIcon: {
     position: 'absolute',
     top: 16,
-    right: 8
+    right: 8,
+    height: 24,
+    flexDirection: 'row',
+    alignItems: 'center'
   }
 });
 
diff --git a/src/components/NotificationBadge.js b/src/components/NotificationBadge.js
index c75b184..af0d111 100644
--- a/src/components/NotificationBadge.js
+++ b/src/components/NotificationBadge.js
@@ -29,7 +29,6 @@ const notificationBadgeStyles = StyleSheet.create({
     top: -5,
     color: colors.white,
     backgroundColor: colors.primary
-    
   }
 });