diff --git a/bob_party/src/components/ButtonChangeSkin.tsx b/bob_party/src/components/ButtonChangeSkin.tsx
deleted file mode 100644
index e9e72c4..0000000
--- a/bob_party/src/components/ButtonChangeSkin.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { FC} from "react"
-import { Pressable, Text} from "react-native"
-import React from "react"
-import styles from "./style/ButtonChangeSkin.style"
-
-export const ButtonChangeSkin:
-FC<{ onPress: any;}>
-=
-({onPress}) =>
-     {
-    return (
-      <Pressable style={styles.button} onPress={onPress}>
-        <Text style={styles.text}>Changer de skin</Text>
-      </Pressable>
-    );
-  }
\ No newline at end of file
diff --git a/bob_party/src/components/ButtonGreySmall.tsx b/bob_party/src/components/ButtonGreySmall.tsx
new file mode 100644
index 0000000..e5a361b
--- /dev/null
+++ b/bob_party/src/components/ButtonGreySmall.tsx
@@ -0,0 +1,26 @@
+import { FC} from "react"
+import { Pressable, Text} from "react-native"
+import React from "react"
+import styles from "./style/ButtonGreySmall"
+
+export const ButtonGreySmall:
+FC<{ onPress: any, title: String, state?: String;}>
+=
+({onPress, title, state}) =>
+     {
+    switch (state) {
+      case 'Profile':
+          return(
+            <Pressable style={styles.buttonProfile} onPress={onPress}>
+              <Text style={styles.text}>{title}</Text>
+            </Pressable>
+          );
+      
+      default:
+        return(
+          <Pressable style={styles.button} onPress={onPress}>
+            <Text style={styles.text}>{title}</Text>
+          </Pressable>
+        );
+    }
+  }
\ No newline at end of file
diff --git a/bob_party/src/components/style/ButtonChangeSkin.style.js b/bob_party/src/components/style/ButtonChangeSkin.style.js
deleted file mode 100644
index 990fc3b..0000000
--- a/bob_party/src/components/style/ButtonChangeSkin.style.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-    button: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        padding: 3,
-        marginTop: 5,
-        marginHorizontal: 10,
-        borderRadius: 10,
-        backgroundColor: '#2D2C33',
-      },
-      text: {
-        fontSize: 16,
-        lineHeight: 21,
-        fontWeight: 'bold',
-        letterSpacing: 0.25,
-        color: 'white',
-      },
-});
\ No newline at end of file
diff --git a/bob_party/src/components/style/ButtonGreySmall.js b/bob_party/src/components/style/ButtonGreySmall.js
new file mode 100644
index 0000000..79ebc29
--- /dev/null
+++ b/bob_party/src/components/style/ButtonGreySmall.js
@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+
+export default StyleSheet.create({  
+  button: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 3,
+    marginTop: 5,
+    borderRadius: 10,
+    backgroundColor: '#2D2C33',
+    paddingHorizontal: 10,
+  },
+  buttonProfile: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 3,
+    marginTop: 5,
+    borderRadius: 10,
+    backgroundColor: '#2D2C33',
+    marginHorizontal: 10,
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: 'bold',
+    letterSpacing: 0.25,
+    color: 'white',
+  },
+});
\ No newline at end of file