1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/profile/ToggleButton.tsx b/src/components/profile/ToggleButton.tsx
index ff14cdde..4c8cb5b9 100644
--- a/src/components/profile/ToggleButton.tsx
+++ b/src/components/profile/ToggleButton.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import {StyleSheet, Text} from 'react-native';
 import {TouchableOpacity} from 'react-native-gesture-handler';
+import { TAGG_TEXT_LIGHT_BLUE } from '../../constants';
 import {getToggleButtonText, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 
 type ToggleButtonProps = {
@@ -31,14 +32,14 @@ const styles = StyleSheet.create({
     height: SCREEN_WIDTH * 0.1,
     borderRadius: 8,
     marginTop: '3%',
-    borderColor: '#698dd3',
+    borderColor: TAGG_TEXT_LIGHT_BLUE,
     backgroundColor: 'white',
     borderWidth: 3,
     marginHorizontal: '1%',
   },
   text: {
     fontWeight: 'bold',
-    color: '#698dd3',
+    color: TAGG_TEXT_LIGHT_BLUE,
   },
 });
 export default ToggleButton;