diff --git a/twistter-frontend/src/pages/otherUser.js b/twistter-frontend/src/pages/otherUser.js
index 5c8b6da..c4e3be3 100644
--- a/twistter-frontend/src/pages/otherUser.js
+++ b/twistter-frontend/src/pages/otherUser.js
@@ -258,7 +258,7 @@ class user extends Component {
                 onDelete
                 deleteIcon={<DoneIcon />}
               />
-            ) : (
+            ) : this.state.following ? (
               <MyChip
                 label={topic}
                 key={{ topic }.topic.id} // BUG: this value is undefined
@@ -266,6 +266,12 @@ class user extends Component {
                 clickable
                 onClick={key => this.handleAdd(topic)}
               />
+            ) : (
+              <MyChip
+                label={topic}
+                key={{ topic }.topic.id} // BUG: this value is undefined
+                color="secondary"
+              />
             )
           ) : (
             <p></p>