diff --git a/bob_party/src/components/BotBar.tsx b/bob_party/src/components/BotBar.tsx
index cd04d50..79fbe3b 100644
--- a/bob_party/src/components/BotBar.tsx
+++ b/bob_party/src/components/BotBar.tsx
@@ -4,32 +4,55 @@ import React from "react"
 import styles from './style/BotBar.style';
 
 
-const gamepad = require('../../assets/Icons/Selected/SGamepad.png');
+const gamepad = require('../../assets/Icons/UnSelected/Gamepad.png');
 const message = require('../../assets/Icons/UnSelected/Chat.png');
 const store = require('../../assets/Icons/UnSelected/Store.png');
 
+const sgamepad = require('../../assets/Icons/Selected/SGamepad.png');
+const smessage = require('../../assets/Icons/Selected/SChat.png');
+const sstore = require('../../assets/Icons/Selected/SStore.png');
+
+
 export const BotBar : 
-FC<{messages:ImageSourcePropType, games: ImageSourcePropType, shop: ImageSourcePropType,  nav: any}> = 
-({nav}) => 
+FC<{nav: any, state?: String }> = 
+({nav, state}) => 
 {
+    var imgLeft=message, imgMid=gamepad, imgRight=store
+   
+    console.log(state)
+    
+    switch (state) {
+        case 'Home':
+                imgMid = sgamepad
+            break;
+        case 'Chat':
+            imgLeft = smessage
+            break;
+        case 'Store':
+            imgRight = sstore
+            break;
+        default:
+            break;
+    }
+
     return (
     <View style={styles.footer}>
             <Pressable onPress={() => nav.navigate('ChatTab')}>
                 <Image
                     style={styles.icon}
-                    source={message}
+                    source={imgLeft}
                 />
             </Pressable>
             <Pressable onPress={()=> nav.navigate('HomeTab')}>
                 <Image
                     style={styles.icon}
-                    source={gamepad}
+                    source={imgMid}
                 />
             </Pressable>
             <Pressable onPress={() => nav.navigate('StoreTab')}>
                 <Image
                     style={styles.icon}
-                    source={store}
+                    source={imgRight}
                 />
             </Pressable>
     </View>
diff --git a/bob_party/src/components/style/BotBar.style.js b/bob_party/src/components/style/BotBar.style.js
index 239471d..45af064 100644
--- a/bob_party/src/components/style/BotBar.style.js
+++ b/bob_party/src/components/style/BotBar.style.js
@@ -1,13 +1,6 @@
 import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
-    text: {
-        fontSize: 16,
-        lineHeight: 21,
-        fontWeight: 'bold',
-        letterSpacing: 0.25,
-        color: 'white',
-    },
     footer: {
         flex: 0.15,
         flexDirection: 'row',