4 files changed, 6 insertions, 3 deletions
diff --git a/src/components/common/TaggSquareButton.tsx b/src/components/common/TaggSquareButton.tsx
index 4fe61b95..e8c7315e 100644
--- a/src/components/common/TaggSquareButton.tsx
+++ b/src/components/common/TaggSquareButton.tsx
@@ -7,6 +7,7 @@ import {
   ViewProps,
   ViewStyle,
 } from 'react-native';
+import {TAGG_PURPLE} from '../../constants';
 import {normalize, SCREEN_WIDTH} from '../../utils';
 
 interface TaggSquareButtonProps extends ViewProps {
@@ -21,7 +22,7 @@ const TaggSquareButton: React.FC<TaggSquareButtonProps> = (props) => {
   const buttonStyles = (() => {
     switch (props.color) {
       case 'purple':
-        return {backgroundColor: '#8F01FF'};
+        return {backgroundColor: TAGG_PURPLE};
       case 'white':
       default:
         return {backgroundColor: 'white'};
diff --git a/src/constants/constants.ts b/src/constants/constants.ts
index 7fcc457f..61ff9ac5 100644
--- a/src/constants/constants.ts
+++ b/src/constants/constants.ts
@@ -60,6 +60,7 @@ export const LINKEDIN_FONT_COLOR: string = '#78B5FD';
 export const SNAPCHAT_FONT_COLOR: string = '#FFFC00';
 export const YOUTUBE_FONT_COLOR: string = '#FCA4A4';
 
+export const TAGG_PURPLE = '#8F01FF';
 export const TAGG_DARK_BLUE = '#4E699C';
 export const TAGG_LIGHT_BLUE: string = '#698DD3';
 export const TAGG_LIGHT_PURPLE = '#F4DDFF';
diff --git a/src/screens/onboarding/CategorySelection.tsx b/src/screens/onboarding/CategorySelection.tsx
index a3acbbb7..814dee1b 100644
--- a/src/screens/onboarding/CategorySelection.tsx
+++ b/src/screens/onboarding/CategorySelection.tsx
@@ -309,7 +309,7 @@ const styles = StyleSheet.create({
     height: 40,
     borderRadius: 5,
     borderWidth: 1,
-    borderColor: '#8F01FF',
+    borderColor: 'white',
     marginBottom: '25%',
   },
   finalActionLabel: {
diff --git a/src/screens/onboarding/ProfileOnboarding.tsx b/src/screens/onboarding/ProfileOnboarding.tsx
index 127cd9cd..26ad93a7 100644
--- a/src/screens/onboarding/ProfileOnboarding.tsx
+++ b/src/screens/onboarding/ProfileOnboarding.tsx
@@ -26,6 +26,7 @@ import {
   bioRegex,
   genderRegex,
   CLASS_YEAR_LIST,
+  TAGG_PURPLE,
 } from '../../constants';
 import AsyncStorage from '@react-native-community/async-storage';
 import {BackgroundGradientType} from '../../types';
@@ -549,7 +550,7 @@ const styles = StyleSheet.create({
     borderRadius: 55,
   },
   submitBtn: {
-    backgroundColor: '#8F01FF',
+    backgroundColor: TAGG_PURPLE,
     justifyContent: 'center',
     alignItems: 'center',
     width: SCREEN_WIDTH / 2.5,