1 files changed, 19 insertions, 22 deletions
diff --git a/src/screens/badge/BadgeSelection.tsx b/src/screens/badge/BadgeSelection.tsx
index fa709832..9ed1b08f 100644
--- a/src/screens/badge/BadgeSelection.tsx
+++ b/src/screens/badge/BadgeSelection.tsx
@@ -1,8 +1,7 @@
 import React, {useEffect, useState} from 'react';
 import {StatusBar, SafeAreaView, View, StyleSheet} from 'react-native';
 import {BackgroundGradientType} from '../../types';
-import {Background} from '../../components';
-import {StatusBarHeight, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+import {StatusBarHeight, SCREEN_HEIGHT} from '../../utils';
 import LinearGradient from 'react-native-linear-gradient';
 import {BACKGROUND_GRADIENT_MAP} from '../../constants';
 import BadgeList from './BadgeList';
@@ -159,34 +158,18 @@ const BadgeSelection: React.FC<BadgeSelectionProps> = ({navigation}) => {
   navigation.setOptions({
     headerRight: () => (
       <TouchableOpacity
-        style={{marginRight: 24}}
+        style={styles.rightButtonContainer}
         onPress={() => {
           if (canSubmit) {
             uploadUserSelection();
           }
         }}>
-        <Text
-          style={{
-            color: '#FFFFFF',
-            fontWeight: 'bold',
-            fontSize: 15,
-            lineHeight: 18,
-          }}>
-          {canSubmit ? 'Done' : 'Skip'}
-        </Text>
+        <Text style={styles.rightButton}>{canSubmit ? 'Done' : 'Skip'}</Text>
       </TouchableOpacity>
     ),
     headerLeft: () => (
-      <TouchableOpacity style={{marginLeft: 24}}>
-        <Text
-          style={{
-            color: '#FFFFFF',
-            fontWeight: '500',
-            fontSize: 15,
-            lineHeight: 18,
-          }}>
-          Cancel
-        </Text>
+      <TouchableOpacity style={styles.leftButtonContainer}>
+        <Text style={styles.leftButton}>Cancel</Text>
       </TouchableOpacity>
     ),
   });
@@ -269,6 +252,20 @@ const styles = StyleSheet.create({
   },
   viewContainer: {marginTop: StatusBarHeight},
   listContainer: {marginTop: SCREEN_HEIGHT * 0.05},
+  rightButtonContainer: {marginRight: 24},
+  rightButton: {
+    color: '#FFFFFF',
+    fontWeight: 'bold',
+    fontSize: 15,
+    lineHeight: 18,
+  },
+  leftButtonContainer: {marginLeft: 24},
+  leftButton: {
+    color: '#FFFFFF',
+    fontWeight: '500',
+    fontSize: 15,
+    lineHeight: 18,
+  },
 });
 
 export default BadgeSelection;