diff --git a/src/components/app/Navigation.vue b/src/components/app/Navigation.vue
index 6c25552..83f716b 100644
--- a/src/components/app/Navigation.vue
+++ b/src/components/app/Navigation.vue
@@ -98,27 +98,7 @@ export default {
       this.dismissNotification(channel.channelID);
       this.$store.dispatch("servers/setSelectedServerID", serverID);
       this.$store.dispatch("openChannel", channel);
-    },
-    switchChannel(isServer) {
-      const serverChannelID = this.$store.state.channelModule.serverChannelID;
-      const DMChannelID = this.$store.state.channelModule.DMChannelID;
-
-      if (isServer) {
-        this.$store.dispatch("selectedChannelID", serverChannelID);
-        const channel = this.$store.state.channelModule.channels[
-          serverChannelID
-        ];
-        this.$store.dispatch("setChannelName", channel ? channel.name : "");
-        this.dismissNotification(serverChannelID);
-      } else {
-        const channel = this.$store.state.channelModule.channels[DMChannelID];
-        this.$store.dispatch(
-          "setChannelName",
-          channel ? channel.recipients[0].username : ""
-        );
-        this.$store.dispatch("selectedChannelID", DMChannelID);
-        this.dismissNotification(DMChannelID);
-      }
+      this.$store.dispatch("selectedChannelID", channel.channelID);
     },
     switchTab(index) {
       bus.$emit('tab:switch', index)
diff --git a/src/components/app/Popouts/Popouts/userInformationPopout.vue b/src/components/app/Popouts/Popouts/userInformationPopout.vue
index 7717f8a..3e0b68d 100644
--- a/src/components/app/Popouts/Popouts/userInformationPopout.vue
+++ b/src/components/app/Popouts/Popouts/userInformationPopout.vue
@@ -73,9 +73,8 @@
               class="about-item-container"
               v-for="(aboutItem) of aboutMe"
               :key="aboutItem.name"
-              :class="{infoAboutMe: aboutItem.key === 'About me'}"
             >
-            <div class="about-item" v-if="aboutMe">
+            <div class="about-item" v-if="aboutMe" :class="{infoAboutMe: aboutItem.key === 'About me'}">
               <div class="key">{{aboutItem.key}}:</div>
               <div class="emoji" v-if="aboutItem.emoji" v-html="aboutItem.emoji"></div>
               <SimpleMarkdown class="name" v-if="aboutItem.key === 'About me'" :message="aboutItem.name" />
diff --git a/src/components/app/ServerTemplate/ChannelsList.vue b/src/components/app/ServerTemplate/ChannelsList.vue
index 09f42ed..85c3305 100644
--- a/src/components/app/ServerTemplate/ChannelsList.vue
+++ b/src/components/app/ServerTemplate/ChannelsList.vue
@@ -60,6 +60,7 @@ export default {
       
       bus.$emit('closeLeftMenu');
       this.$store.dispatch('openChannel', channel)
+      this.$store.dispatch("selectedChannelID", channel.channelID);
     }
   },
   async beforeMount() {
diff --git a/src/store/modules/messageModule.js b/src/store/modules/messageModule.js
index 738f2cd..ccd2c76 100644
--- a/src/store/modules/messageModule.js
+++ b/src/store/modules/messageModule.js
@@ -161,6 +161,9 @@ async function getMessages(context, channelID, isServerChannel) {
       channelID: result.data.channelID,
       messages: result.data.messages.reverse()
     });
+    if (isServerChannel) {
+      context.commit("setServerChannelID", result.data.channelID);
+    }
   } else {
     // TODO handle this
     console.log(error.response);