diff --git a/bob_party/src/components/TopBar.tsx b/bob_party/src/components/TopBar.tsx
index d4c033b..5c38ea8 100644
--- a/bob_party/src/components/TopBar.tsx
+++ b/bob_party/src/components/TopBar.tsx
@@ -2,7 +2,7 @@ import { FC, ReactNode } from "react"
 import { Pressable, Image, Text, View} from "react-native"
 import { Skin } from "../core/Skin"
 import React from "react"
-import { SkinComponent } from "./skinAvatar"
+import { SkinComponent } from "./Skin"
 import styles from './style/TopBar.style';
 
 
@@ -10,7 +10,7 @@ const engrenage = require('../../assets/Icons/UnSelected/Cogs.png');
 const cross = require('../../assets/Icons/UnSelected/Cross.png');
 const msc = require('../../assets/Icons/FondGris.png');
 
-export const TopBar : FC<{skin?: Skin, nav: any, state?: string}> = ({skin, nav, state}) => 
+export const TopBar : FC<{skin?: skin, nav: any, state?: string}> = ({skin, nav, state}) => 
 {
     switch (state) {
         case 'settings':
@@ -29,7 +29,7 @@ export const TopBar : FC<{skin?: Skin, nav: any, state?: string}> = ({skin, nav,
             return (
                 <View style={styles.header}>
                     <Pressable onPress={() => nav.navigate('ProfileTab')}>
-                            <SkinComponent skin={skin} children={styles.avatar} />
+                            <SkinComponent skin={skin} state='icon' />
                         </Pressable>
                         <Text style={styles.titre}>BOB PARTY</Text>
                         <Pressable onPress={() => nav.navigate('Settings')}>