diff --git a/Components/ButtonGroup.js b/Components/ButtonGroup.js
index 8ca119a..6495de2 100644
--- a/Components/ButtonGroup.js
+++ b/Components/ButtonGroup.js
@@ -1,5 +1,6 @@
 import React from 'react';
-import { StyleSheet, Text, View, } from 'react-native';
+import { InputAccessoryView, StyleSheet, Text, View, } from 'react-native';
+import {LinearGradient} from 'expo-linear-gradient';
 
 import SelectButton from './SelectButton.js';
 
@@ -7,23 +8,23 @@ export default function ButtonGroup({navigation}) {
 
     return(
         <View style={styles.container}>
-          <View style={{alignSelf: 'flex-start'}} onPress={ () => {pressHandler()}}> 
-            <SelectButton gradcolour='a' title='   Something  ' navigation={navigation}/>
+          <View style={{alignSelf: 'flex-start'}} onPress={ () => {pressHandler()}}>                 
+            <SelectButton gradcolour='a' title='Baic Checkup' navigation={navigation}/>
           </View>
           <View style={{alignSelf: 'flex-end'}}>
-            <SelectButton gradcolour='a' title='   Something  ' />
+            <SelectButton gradcolour='a' title='Intermidate Checkup' />
           </View >
           <View style={{alignSelf: 'flex-start'}}>
-            <SelectButton gradcolour='a' title='   Something  ' />
+            <SelectButton gradcolour='a' title='Advanced Checkup' />
           </View>
           <View style={{alignSelf: 'flex-end'}}>
-            <SelectButton gradcolour='a' title='   Something  ' />
+            <SelectButton gradcolour='a' title='Help-Contact' />
           </View>
           <View style={{alignSelf: 'flex-start'}}>
-            <SelectButton gradcolour='a' title='   Something  ' />
+            <SelectButton gradcolour='a' title='Deceloper-contact' />
           </View>
           <View style={{alignSelf: 'flex-end'}}>
-            <SelectButton gradcolour='a' title='   Something  ' />
+            <SelectButton gradcolour='a' title='About' />
           </View> 
           
         </View>
@@ -37,5 +38,7 @@ const styles = StyleSheet.create({
       backgroundColor: '#fff',
       justifyContent:  'center',
       marginTop: -20,
+      // fontWeigh: '90'
+      fontSize: 500, 
     },
 });
\ No newline at end of file
diff --git a/Components/SelectButton.js b/Components/SelectButton.js
index 66c6de7..b9c94db 100644
--- a/Components/SelectButton.js
+++ b/Components/SelectButton.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import {View, Text, Button,Linking, Alert, StyleSheet} from 'react-native';
+import {LinearGradient} from 'expo-linear-gradient'
 
 export default function SelectButton(props) {
     const pressHandler = () => {
@@ -19,25 +20,29 @@ export default function SelectButton(props) {
       }
     return(
         <View style={styles.container} >
+            <LinearGradient colors={['pink', 'cyan']} start={{x:0,y:1}} end={{x:1,y:0}} style={styles.container}>
             <Text style={styles.button1}>
                  {props.title}
                  
             </Text>
+            </LinearGradient>
         </View>
     );
 }
 
 const styles = StyleSheet.create({
-    container : {   
-        
+    container : { 
+            borderRadius: 10,
     },
+
     button1: {
-        backgroundColor: 'cyan',
         paddingHorizontal : 40,
         paddingVertical: 100,
         borderRadius: 8,
         marginHorizontal : 15,
         marginVertical: 0,
+        fontSize: 18,
+        fontFamily:"sans-serif-medium"
     },
     button2: {
         backgroundColor: 'black',
diff --git a/package-lock.json b/package-lock.json
index 1fe9c16..38d05d9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4283,11 +4283,6 @@
             "supports-color": "^7.1.0"
           }
         },
-        "expo-linear-gradient": {
-          "version": "8.4.0",
-          "resolved": "https://registry.npmjs.org/expo-linear-gradient/-/expo-linear-gradient-8.4.0.tgz",
-          "integrity": "sha512-f9JOXaIl0MR8RBYRIud5UAsEi52oz81XhQs73VUpujemHjOyHmrZa6dqwf399YOwI/WBwbpcINcUIw/mCYE1mA=="
-        },
         "pretty-format": {
           "version": "26.6.2",
           "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz",
@@ -4368,6 +4363,11 @@
       "resolved": "https://registry.npmjs.org/expo-keep-awake/-/expo-keep-awake-8.4.0.tgz",
       "integrity": "sha512-gozpL5Azfaht/YIMFOHRHjHuJ9KT6hJH4y71Al+/YfQSwHS5sqhoKGPgSxaktqbxRrWVUH9q7wSl3EXRK9bYjA=="
     },
+    "expo-linear-gradient": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/expo-linear-gradient/-/expo-linear-gradient-8.4.0.tgz",
+      "integrity": "sha512-f9JOXaIl0MR8RBYRIud5UAsEi52oz81XhQs73VUpujemHjOyHmrZa6dqwf399YOwI/WBwbpcINcUIw/mCYE1mA=="
+    },
     "expo-linking": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/expo-linking/-/expo-linking-2.0.1.tgz",
diff --git a/package.json b/package.json
index 643f68e..eac57ff 100644
--- a/package.json
+++ b/package.json
@@ -11,8 +11,8 @@
     "@react-native-community/masked-view": "^0.1.10",
     "@react-navigation/native": "^5.9.2",
     "@react-navigation/stack": "^5.14.2",
-    "expo": "~40.0.0",
-    "expo-linear-gradient": "~8.4.0",
+    "expo": "^40.0.1",
+    "expo-linear-gradient": "^8.4.0",
     "expo-splash-screen": "~0.8.0",
     "expo-status-bar": "~1.0.3",
     "expo-updates": "~0.4.0",