diff --git a/app/mobile/src/session/cards/Cards.jsx b/app/mobile/src/session/cards/Cards.jsx
index c208bba6..7064aa29 100644
--- a/app/mobile/src/session/cards/Cards.jsx
+++ b/app/mobile/src/session/cards/Cards.jsx
@@ -38,10 +38,20 @@ export function Cards() {
       { !state.tabbed && (
         <SafeAreaView edges={['right']} style={styles.searcharea}>
           <View style={styles.searchbar}>
+            { state.sorting && (
+              <TouchableOpacity style={styles.sort} onPress={actions.unsort}>
+                <Ionicons style={styles.icon} name="menufold" size={18} color={Colors.text} />
+              </TouchableOpacity>
+            )}
+            { !state.sorting && (
+              <TouchableOpacity style={styles.sort} onPress={actions.sort}>
+                <Ionicons style={styles.icon} name="menufold" size={18} color={Colors.disabled} />
+              </TouchableOpacity>
+            )}
             <View style={styles.inputwrapper}>
-              <Ionicons style={styles.icon} name="search1" size={16} color={Colors.text} />
+              <Ionicons style={styles.icon} name="search1" size={16} color={Colors.disabled} />
               <TextInput style={styles.inputfield} value={state.topic} onChangeText={actions.setTopic}
-                  autoCapitalize="none" placeholderTextColor={Colors.text} placeholder="Contacts" />
+                  autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
             </View>
             <TouchableOpacity>
               <Ionicons name={'doubleright'} size={16} color={Colors.grey} />
diff --git a/app/mobile/src/session/channels/Channels.jsx b/app/mobile/src/session/channels/Channels.jsx
index 6d9515d8..58198b33 100644
--- a/app/mobile/src/session/channels/Channels.jsx
+++ b/app/mobile/src/session/channels/Channels.jsx
@@ -36,9 +36,9 @@ export function Channels() {
         <>
           <SafeAreaView edges={['left']} style={styles.searchbar}>
             <View style={styles.inputwrapper}>
-              <Ionicons style={styles.icon} name="search1" size={16} color={Colors.text} />
+              <Ionicons style={styles.icon} name="search1" size={16} color={Colors.disabled} />
               <TextInput style={styles.inputfield} value={state.topic} onChangeText={actions.setTopic}
-                  autoCapitalize="none" placeholderTextColor={Colors.text} placeholder="Topic" />
+                  autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Topic" />
               <View style={styles.space} />
             </View>
           </SafeAreaView>