diff --git a/routes/Settings.tsx b/routes/Settings.tsx
index d8d6e49..64f3855 100644
--- a/routes/Settings.tsx
+++ b/routes/Settings.tsx
@@ -1,10 +1,11 @@
-import { StyleSheet, Text, View, Button} from 'react-native';
+import { StyleSheet, Text, View} from 'react-native';
+import Button from '../components/Button';
 
 export default function Settings({theme, changeTheme}:any){
     return (
         <View style={style(theme).container}>
             <Text style={style(theme).text}>This is settings</Text>
-            <Text onPress={changeTheme} style={style(theme).button}>change theme</Text>
+            <Button title="Change Theme" theme={theme}  onPress={changeTheme} eStyle={{}}/>
         </View>
     )
 }
@@ -13,15 +14,6 @@ const style = (theme:any) => {
     return StyleSheet.create({
         container: {
         },
-        button: {
-            backgroundColor: theme.primary,
-            padding: 10,
-            alignContent: 'center',
-            color: theme.text,
-            width: 120,
-            margin: 10,
-            borderRadius: 5,
-        },
         text: {
             color: theme.text,
         }