diff --git a/bob_party/src/components/skinAvatar.tsx b/bob_party/src/components/skinAvatar.tsx
deleted file mode 100644
index 7d8d759..0000000
--- a/bob_party/src/components/skinAvatar.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { FC} from "react"
-import {Image, ImageStyle, View } from "react-native"
-import { Skin } from "../core/Skin"
-import React from "react"
-
-export const SkinComponent : FC<{skin: Skin, children: ImageStyle}> = ({skin, children}) => {
-
-    return (
-    <View>
-        <Image source={ skin.getSkinSource()} style={children}/>
-    </View>
-    )
-}
\ No newline at end of file
diff --git a/bob_party/src/components/style/Skin.style.js b/bob_party/src/components/style/Skin.style.js
new file mode 100644
index 0000000..360f5c2
--- /dev/null
+++ b/bob_party/src/components/style/Skin.style.js
@@ -0,0 +1,27 @@
+import { StyleSheet } from "react-native";
+
+export default StyleSheet.create({
+    icon: {
+        width: 50,
+        height: 50,
+        borderRadius: 50,
+    },
+    imageWrapper: {
+        height: 135,
+        width: '40%',
+        flexDirection: "column",
+        margin: 10,
+    },
+    imageSkin : {
+      borderRadius: 15,
+      width: '100%',
+      flex:1
+    },
+    nomSkin :{
+      textAlign: 'center',
+      fontSize: 25,
+      fontFamily: 'Helvetica',
+      fontWeight: 'bold',
+      color: 'white',
+    },
+});
\ No newline at end of file