diff --git a/src/assets/iconActivity.svg b/src/assets/iconActivity.svg
index 9abffc1f6..b98abda5f 100644
--- a/src/assets/iconActivity.svg
+++ b/src/assets/iconActivity.svg
@@ -6,8 +6,8 @@
             <g id="Code/Control" transform="translate(60.000000, 5263.000000)">
                 <g id="Group" transform="translate(380.000000, 200.500000)">
                     <rect id="bound" x="0" y="0" width="24" height="24"></rect>
-                    <path d="M22,12.5 C22,18.2039245 17.451858,22.8455734 11.7842951,22.9962258 L11.5,23 L11.5,23 C5.70101013,23 1,18.2989899 1,12.5 C1,11.5151324 1.13559454,10.5619345 1.38913364,9.65805651 L3.31481075,10.1982117 C3.10672013,10.940064 3,11.7119264 3,12.5 C3,17.1944204 6.80557963,21 11.5,21 C16.1944204,21 20,17.1944204 20,12.5 C20,7.80557963 16.1944204,4 11.5,4 C10.5545108,4 9.63356281,4.15404793 8.7645726,4.44906446 C8.75955147,4.4507691 8.75453207,4.45247844 8.74951442,4.4541925 L9.93948308,5.87355717 C10.0088058,5.95617272 10.0495583,6.05898805 10.05566,6.16666224 C10.0712834,6.4423623 9.86044965,6.67852665 9.5847496,6.69415008 L9.5847496,6.69415008 L4.71777931,6.96995273 C4.66931162,6.97269931 4.62070229,6.96837279 4.57348157,6.95710938 C4.30487471,6.89303938 4.13906482,6.62335149 4.20313482,6.35474463 L4.20313482,6.35474463 L5.33163823,1.62361064 C5.35654118,1.51920756 5.41437908,1.4255891 5.49660017,1.35659741 C5.7081375,1.17909652 6.0235153,1.2066885 6.2010162,1.41822583 L6.2010162,1.41822583 L7.39103417,2.83443099 L7.39103417,2.83443099 L7.50990952,2.78469604 C8.74007887,2.2789228 10.0874665,2 11.5,2 C17.2989899,2 22,6.70101013 22,12.5 Z" id="Combined-Shape" fill="#FFFFFF" opacity="0.439999998"></path>
-                    <path d="M12,8 C13.3807119,8 14.5,9.11928813 14.5,10.5 L14.5,11 C15.0522847,11 15.5,11.4477153 15.5,12 L15.5,15 C15.5,15.5522847 15.0522847,16 14.5,16 L9.5,16 C8.94771525,16 8.5,15.5522847 8.5,15 L8.5,12 C8.5,11.4477153 8.94771525,11 9.5,11 L9.5,10.5 C9.5,9.11928813 10.6192881,8 12,8 Z M12,9 C11.1715729,9 10.5,9.67157288 10.5,10.5 L10.5,10.5 L10.5,11 L13.5,11 L13.5,10.5 C13.5,9.67157288 12.8284271,9 12,9 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+                    <path d="M22,12.5 C22,18.2039245 17.451858,22.8455734 11.7842951,22.9962258 L11.5,23 L11.5,23 C5.70101013,23 1,18.2989899 1,12.5 C1,11.5151324 1.13559454,10.5619345 1.38913364,9.65805651 L3.31481075,10.1982117 C3.10672013,10.940064 3,11.7119264 3,12.5 C3,17.1944204 6.80557963,21 11.5,21 C16.1944204,21 20,17.1944204 20,12.5 C20,7.80557963 16.1944204,4 11.5,4 C10.5545108,4 9.63356281,4.15404793 8.7645726,4.44906446 C8.75955147,4.4507691 8.75453207,4.45247844 8.74951442,4.4541925 L9.93948308,5.87355717 C10.0088058,5.95617272 10.0495583,6.05898805 10.05566,6.16666224 C10.0712834,6.4423623 9.86044965,6.67852665 9.5847496,6.69415008 L9.5847496,6.69415008 L4.71777931,6.96995273 C4.66931162,6.97269931 4.62070229,6.96837279 4.57348157,6.95710938 C4.30487471,6.89303938 4.13906482,6.62335149 4.20313482,6.35474463 L4.20313482,6.35474463 L5.33163823,1.62361064 C5.35654118,1.51920756 5.41437908,1.4255891 5.49660017,1.35659741 C5.7081375,1.17909652 6.0235153,1.2066885 6.2010162,1.41822583 L6.2010162,1.41822583 L7.39103417,2.83443099 L7.39103417,2.83443099 L7.50990952,2.78469604 C8.74007887,2.2789228 10.0874665,2 11.5,2 C17.2989899,2 22,6.70101013 22,12.5 Z" id="Combined-Shape" fill="currentColor" opacity="0.439999998"></path>
+                    <path d="M12,8 C13.3807119,8 14.5,9.11928813 14.5,10.5 L14.5,11 C15.0522847,11 15.5,11.4477153 15.5,12 L15.5,15 C15.5,15.5522847 15.0522847,16 14.5,16 L9.5,16 C8.94771525,16 8.5,15.5522847 8.5,15 L8.5,12 C8.5,11.4477153 8.94771525,11 9.5,11 L9.5,10.5 C9.5,9.11928813 10.6192881,8 12,8 Z M12,9 C11.1715729,9 10.5,9.67157288 10.5,10.5 L10.5,10.5 L10.5,11 L13.5,11 L13.5,10.5 C13.5,9.67157288 12.8284271,9 12,9 Z" id="Combined-Shape" fill="currentColor"></path>
                 </g>
             </g>
         </g>
diff --git a/src/assets/iconChannel.svg b/src/assets/iconChannel.svg
index c72dc8872..27232fef5 100644
--- a/src/assets/iconChannel.svg
+++ b/src/assets/iconChannel.svg
@@ -6,8 +6,8 @@
             <g id="Layout" transform="translate(60.000000, 3301.000000)">
                 <g id="Group" transform="translate(380.000000, 94.000000)">
                     <rect id="bound" x="0" y="0" width="24" height="24"></rect>
-                    <path d="M21,16 C21.5522847,16 22,16.4477153 22,17 L22,19 C22,19.5522847 21.5522847,20 21,20 L10,20 C9.44771525,20 9,19.5522847 9,19 L9,17 C9,16.4477153 9.44771525,16 10,16 L21,16 Z M21,10 C21.5522847,10 22,10.4477153 22,11 L22,13 C22,13.5522847 21.5522847,14 21,14 L10,14 C9.44771525,14 9,13.5522847 9,13 L9,11 C9,10.4477153 9.44771525,10 10,10 L21,10 Z M21,4 C21.5522847,4 22,4.44771525 22,5 L22,7 C22,7.55228475 21.5522847,8 21,8 L10,8 C9.44771525,8 9,7.55228475 9,7 L9,5 C9,4.44771525 9.44771525,4 10,4 L21,4 Z" id="Combined-Shape" fill="#FFFFFF"></path>
-                    <rect id="Rectangle-7-Copy-2" fill="#FFFFFF" opacity="0.439999998" x="2" y="4" width="5" height="16" rx="1"></rect>
+                    <path d="M21,16 C21.5522847,16 22,16.4477153 22,17 L22,19 C22,19.5522847 21.5522847,20 21,20 L10,20 C9.44771525,20 9,19.5522847 9,19 L9,17 C9,16.4477153 9.44771525,16 10,16 L21,16 Z M21,10 C21.5522847,10 22,10.4477153 22,11 L22,13 C22,13.5522847 21.5522847,14 21,14 L10,14 C9.44771525,14 9,13.5522847 9,13 L9,11 C9,10.4477153 9.44771525,10 10,10 L21,10 Z M21,4 C21.5522847,4 22,4.44771525 22,5 L22,7 C22,7.55228475 21.5522847,8 21,8 L10,8 C9.44771525,8 9,7.55228475 9,7 L9,5 C9,4.44771525 9.44771525,4 10,4 L21,4 Z" id="Combined-Shape" fill="currentColor"></path>
+                    <rect id="Rectangle-7-Copy-2" fill="currentColor" opacity="0.439999998" x="2" y="4" width="5" height="16" rx="1"></rect>
                 </g>
             </g>
         </g>
diff --git a/src/components/ActivityRibbon.vue b/src/components/ActivityRibbon.vue
index 1fc33fd6b..72afc6057 100644
--- a/src/components/ActivityRibbon.vue
+++ b/src/components/ActivityRibbon.vue
@@ -1,38 +1,14 @@
 <template>
   <div class="activity-ribbon">
-    <FilterButton
-      v-for="tab in tabs"
-      :key="tab.text"
-      :class="{ active: value === tab.activity }"
-      @click="updateValue(tab.activity)"
-    >
-      <Component :is="tab.icon" /> <span>{{ tab.text }}</span>
-    </FilterButton>
-    <slot name="left" />
-    <div class="separator" />
+    <slot />
+    <div
+      v-if="$slots.right"
+      class="separator"
+    />
     <slot name="right" />
   </div>
 </template>
 
-<script>
-import FilterButton from './FilterButton.vue';
-
-export default {
-  components: {
-    FilterButton,
-  },
-  props: {
-    tabs: { type: Array, required: true },
-    value: { type: String, required: true },
-  },
-  methods: {
-    updateValue(value) {
-      this.$emit('input', value);
-    },
-  },
-};
-</script>
-
 <style lang="scss" scoped>
 .activity-ribbon {
   background-color: $light_color;
@@ -41,7 +17,7 @@ export default {
   display: flex;
   align-items: center;
 
-  .filter-button {
+  ::v-deep .filter-button {
     svg,
     span {
       vertical-align: middle;
diff --git a/src/components/ButtonPlain.vue b/src/components/ButtonPlain.vue
index f10670a49..b370f5794 100644
--- a/src/components/ButtonPlain.vue
+++ b/src/components/ButtonPlain.vue
@@ -1,10 +1,10 @@
 <template>
   <Component
-    :is="!disabled && to ? 'Link' : 'button'"
-    :to="to"
-    :disabled="disabled"
+    :is="!$attrs.disabled && ($attrs.to || $attrs['to-relative'])
+      ? 'Link' : 'button'"
+    v-bind="$attrs"
     class="button-plain"
-    @click="$emit('click', $event)"
+    v-on="$listeners"
   >
     <slot />
   </Component>
@@ -15,10 +15,6 @@ import Link from './Link.vue';
 
 export default {
   components: { Link },
-  props: {
-    to: { type: [String, Object, URL], default: null },
-    disabled: Boolean,
-  },
 };
 </script>
 
diff --git a/src/components/FeedPagination.vue b/src/components/FeedPagination.vue
index b7d9c1da0..4e065a6d8 100644
--- a/src/components/FeedPagination.vue
+++ b/src/components/FeedPagination.vue
@@ -1,10 +1,10 @@
 <template>
-  <div>
+  <div class="feed-pagination">
     <Loader
       v-if="tipsReloading"
       lg
     />
-    <div v-if="tips">
+    <template v-if="tips">
       <TipRecord
         v-for="tip in tips"
         :key="tip.id"
@@ -17,11 +17,11 @@
       />
       <div
         v-if="tips.length === 0"
-        class="no-results text-center m-2"
+        class="no-results"
       >
         {{ $t('components.TipsPagination.NoResultsMsg') }}
       </div>
-    </div>
+    </template>
   </div>
 </template>
 
@@ -101,3 +101,10 @@ export default {
   ),
 };
 </script>
+
+<style lang="scss" scoped>
+.feed-pagination .no-results {
+  text-align: center;
+  margin: 0.5rem;
+}
+</style>
diff --git a/src/components/Link.vue b/src/components/Link.vue
index ba56eee94..69da1ecb6 100644
--- a/src/components/Link.vue
+++ b/src/components/Link.vue
@@ -18,9 +18,12 @@
 </template>
 
 <script>
+import { pickBy } from 'lodash-es';
+
 export default {
   props: {
-    to: { type: [String, Object, URL], required: true },
+    to: { type: [String, Object, URL], default: null },
+    toRelative: { type: Object, default: null },
   },
   computed: {
     isLinkOnSameHost() {
@@ -28,7 +31,15 @@ export default {
         || (new URL(this.to, window.location)).host === window.location.host;
     },
     routerLinkTo() {
-      return this.to instanceof URL ? this.to.toString() : this.to;
+      if (this.toRelative) {
+        return {
+          ...this.$route,
+          query: pickBy({ ...this.$route.query, ...this.toRelative.query }),
+          params: pickBy({ ...this.$route.params, ...this.toRelative.params }),
+        };
+      }
+      if (this.to instanceof URL) return this.to.toString();
+      return this.to;
     },
   },
 };
diff --git a/src/components/ListOfTipsAndComments.vue b/src/components/ListOfTipsAndComments.vue
index 268b6ab15..6757e3345 100644
--- a/src/components/ListOfTipsAndComments.vue
+++ b/src/components/ListOfTipsAndComments.vue
@@ -1,152 +1,146 @@
 <template>
-  <div>
-    <ActivityRibbon
-      v-model="activity"
-      :tabs="ribbonTabs"
-    />
+  <div class="list-of-tips-and-comments">
+    <ActivityRibbon>
+      <FilterButton :to-relative="{ params: { activity: 'channel' } }">
+        <IconChannel />
+        {{ ' ' }}<span>{{ $t('components.ListOfTipsAndComments.Channel') }}</span>
+      </FilterButton>
+      <FilterButton
+        :to-relative="{ params: { activity: null } }"
+        :class="{ active: ['feed', 'comments'].includes(activity) }"
+      >
+        <IconActivity />
+        {{ ' ' }}<span>{{ $t('components.ListOfTipsAndComments.Activity') }}</span>
+      </FilterButton>
+    </ActivityRibbon>
 
-    <TabBar
-      v-if="activity === 'activity'"
-      v-model="activeTab"
-      :tabs="tabs"
-    />
+    <TabBar v-if="['feed', 'comments'].includes(activity)">
+      <TabBarButton :to-relative="{ params: { activity: null } }">
+        {{ $t('tips') }}
+      </TabBarButton>
+      <TabBarButton :to-relative="{ params: { activity: 'comments' } }">
+        {{ $t('comments') }}
+      </TabBarButton>
+    </TabBar>
 
-    <div class="position-relative">
-      <div
-        v-if="activeTab === 'tips' && activity === 'activity'"
-        class="tips-container"
-      >
-        <FeedPagination
-          tip-sort-by="latest"
-          :address="address"
-          show-tips
-          show-posts
-        />
-      </div>
+    <FeedPagination
+      v-if="activity === 'feed'"
+      tip-sort-by="latest"
+      :address="address"
+      show-tips
+      show-posts
+    />
+    <template v-else>
       <div
-        v-if="activeTab === 'comments' && activity === 'activity'"
-        class="tips-container"
+        v-if="error"
+        class="message"
       >
-        <Loading
-          v-if="showLoading"
-          above-content
-        />
-        <div
-          v-if="showNoResultsMsg"
-          class="no-results"
-          :class="{ error }"
-        >
-          {{ $t('components.ListOfTipsAndComments.NoActivity') }}
-        </div>
-        <TipComment
-          v-for="(comment, index) in comments"
-          :key="index"
-          v-bind="comment"
-        />
+        Unknown error
       </div>
+      <Loader v-if="loading" />
       <div
-        v-if="activeTab === 'tips' && activity === 'channel'"
-        class="tips-container"
+        v-else-if="!items.length"
+        class="message"
       >
-        <div
-          v-if="!pinnedItems.length"
-          class="no-results"
-          :class="{ error }"
-        >
-          {{ $t('components.ListOfTipsAndComments.NoPinnedItems') }}
-        </div>
-        <TipRecord
-          v-for="pinnedItem in pinnedItems"
-          :key="pinnedItem.id"
-          :tip="pinnedItem"
-        />
+        {{ activity === 'channel' && $t('components.ListOfTipsAndComments.NoPinnedItems')
+          || $t('components.ListOfTipsAndComments.NoActivity') }}
       </div>
-    </div>
+      <TipCommentList
+        v-if="activity === 'comments'"
+        :comments="items"
+      />
+      <TipRecord
+        v-for="pinnedItem in items"
+        v-else-if="activity === 'channel'"
+        :key="pinnedItem.id"
+        :tip="pinnedItem"
+      />
+    </template>
   </div>
 </template>
 
 <script>
-import { mapState } from 'vuex';
 import Backend from '../utils/backend';
 import { EventBus } from '../utils/eventBus';
-import Loading from './Loading.vue';
+import Loader from './Loader.vue';
 import FeedPagination from './FeedPagination.vue';
-import TipComment from './tipRecords/TipComment.vue';
+import TipCommentList from './tipRecords/TipCommentList.vue';
 import TipRecord from './tipRecords/TipRecord.vue';
 import IconChannel from '../assets/iconChannel.svg?icon-component';
 import IconActivity from '../assets/iconActivity.svg?icon-component';
 import ActivityRibbon from './ActivityRibbon.vue';
+import FilterButton from './FilterButton.vue';
 import TabBar from './TabBar.vue';
+import TabBarButton from './TabBarButton.vue';
 
 export default {
   components: {
     TabBar,
+    TabBarButton,
     FeedPagination,
-    Loading,
-    TipComment,
+    Loader,
+    TipCommentList,
     TipRecord,
     ActivityRibbon,
+    FilterButton,
+    IconChannel,
+    IconActivity,
   },
   props: { address: { type: String, required: true } },
   data: () => ({
-    showLoading: false,
+    loading: false,
     error: false,
-    activeTab: 'tips',
-    activity: 'activity',
-    userPinnedItems: [],
+    pinnedItems: [],
   }),
   computed: {
-    ...mapState({ currentAddress: 'address' }),
-    pinnedItems() {
-      return this.address === this.currentAddress
-        ? this.$store.state.pinnedItems : this.userPinnedItems;
-    },
-    showNoResultsMsg() {
-      return this.activeTab === 'comments'
-        && this.comments.length === 0 && !this.showLoading;
-    },
-    comments() {
-      return this.$store.state.backend.userComments[this.address] || [];
+    activity() {
+      return this.$route.params.activity || 'feed';
     },
-    ribbonTabs() {
-      return [{ icon: IconChannel, text: this.$t('components.ListOfTipsAndComments.Channel'), activity: 'channel' }, { icon: IconActivity, text: this.$t('components.ListOfTipsAndComments.Activity'), activity: 'activity' }];
-    },
-    tabs() {
-      return [{ text: this.$t('tips'), tab: 'tips' }, { text: this.$t('comments'), tab: 'comments' }];
+    items() {
+      switch (this.activity) {
+        case 'comments':
+          return this.$store.state.backend.userComments[this.address] || [];
+        case 'channel':
+          return this.pinnedItems;
+        default:
+          return [];
+      }
     },
   },
   mounted() {
-    this.reloadData();
-
+    this.$watch(
+      ({ address, activity }) => [address, activity],
+      () => this.reloadData(),
+      { immediate: true },
+    );
     EventBus.$on('reloadData', () => {
       this.reloadData();
     });
-
-    if (this.address !== this.currentAddress) {
-      Backend.getPinnedItems(this.address)
-        .then((pinnedItems) => {
-          this.userPinnedItems = pinnedItems;
-        })
-        .catch(console.error);
-    }
-
     const interval = setInterval(() => this.reloadData(), 120 * 1000);
     this.$once('hook:beforeDestroy', () => clearInterval(interval));
   },
   methods: {
-    setActiveTab(tab) {
-      this.activeTab = tab;
-    },
     async reloadData() {
-      this.showLoading = true;
+      this.loading = true;
       try {
-        await this.$store.dispatch('backend/reloadUserComments', this.address);
         this.error = false;
+        switch (this.activity) {
+          case 'feed':
+            break;
+          case 'channel':
+            this.pinnedItems = await Backend.getPinnedItems(this.address);
+            break;
+          case 'comments':
+            await this.$store.dispatch('backend/reloadUserComments', this.address);
+            break;
+          default:
+            throw new Error(`Unknown activity: ${this.activity}`);
+        }
       } catch (error) {
         this.error = true;
-        throw error;
+        console.error(error);
       } finally {
-        this.showLoading = false;
+        this.loading = false;
       }
     },
   },
@@ -154,45 +148,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.profile-actions {
-  background-color: $actions_ribbon_background_color;
-  padding-left: 1rem;
-  position: sticky;
-  top: 3rem;
-  z-index: 21;
-
-  a {
-    color: $light_font_color;
-    display: inline-block;
-    font-size: 0.8rem;
-    font-weight: 600;
-    margin-right: 0.5rem;
-    padding: 0.5rem;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &:hover {
-      color: $primary_color;
-      cursor: pointer;
-    }
-
-    &.active {
-      border-bottom: 2px solid $custom_links_color;
-      color: $custom_links_color;
-    }
-  }
-
-  .activity-ribbon {
-    background-color: $light_color;
-    padding: 0.5rem 0 0.5rem 0.75rem;
-    margin-left: -1rem;
-  }
-}
-
-.no-results {
+.list-of-tips-and-comments .message {
   text-align: center;
-  margin-top: 1rem;
+  margin: 1rem 0;
 }
 </style>
diff --git a/src/components/TabBar.vue b/src/components/TabBar.vue
index 85953e31e..d0a827c58 100644
--- a/src/components/TabBar.vue
+++ b/src/components/TabBar.vue
@@ -9,7 +9,7 @@
       <span> {{ tab.text }}</span>
       <Component :is="tab.icon" />
     </TabBarButton>
-    <slot name="left" />
+    <slot />
     <div class="right">
       <slot name="right" />
     </div>
diff --git a/src/components/TabBarButton.vue b/src/components/TabBarButton.vue
index c4830c600..a08b73ec9 100644
--- a/src/components/TabBarButton.vue
+++ b/src/components/TabBarButton.vue
@@ -34,7 +34,8 @@ export default {
       cursor: pointer;
     }
 
-    &.active {
+    &.active,
+    &.router-link-exact-active {
       border-color: $custom_links_color;
       color: $custom_links_color;
     }
diff --git a/src/components/UserInfo.vue b/src/components/UserInfo.vue
index 451631a42..a1d069761 100644
--- a/src/components/UserInfo.vue
+++ b/src/components/UserInfo.vue
@@ -662,12 +662,6 @@ input[type="file"] {
 }
 
 @include mobile {
-  .user-info {
-    .tips-container {
-      padding: 0.15rem 0.5rem;
-    }
-  }
-
   .profile-header {
     white-space: nowrap;
 
diff --git a/src/components/WordVoting.vue b/src/components/WordVoting.vue
index 9837431e3..fa2281599 100644
--- a/src/components/WordVoting.vue
+++ b/src/components/WordVoting.vue
@@ -1,26 +1,24 @@
 <template>
   <div class="word-voting">
     <TabBar>
-      <template slot="left">
-        <TabBarButton
-          :class="{ active: activeTab === 'ongoing' }"
-          @click="activeTab = 'ongoing'"
-        >
-          {{ $t('views.WordDetail.Tabs.Ongoing') }}
-        </TabBarButton>
-        <TabBarButton
-          :class="{ active: activeTab === 'past' }"
-          @click="activeTab = 'past'"
-        >
-          {{ $t('views.WordDetail.Tabs.Past') }}
-        </TabBarButton>
-        <TabBarButton
-          :class="{ active: activeTab === 'my' }"
-          @click="activeTab = 'my'"
-        >
-          {{ $t('views.WordDetail.Tabs.My') }}
-        </TabBarButton>
-      </template>
+      <TabBarButton
+        :class="{ active: activeTab === 'ongoing' }"
+        @click="activeTab = 'ongoing'"
+      >
+        {{ $t('views.WordDetail.Tabs.Ongoing') }}
+      </TabBarButton>
+      <TabBarButton
+        :class="{ active: activeTab === 'past' }"
+        @click="activeTab = 'past'"
+      >
+        {{ $t('views.WordDetail.Tabs.Past') }}
+      </TabBarButton>
+      <TabBarButton
+        :class="{ active: activeTab === 'my' }"
+        @click="activeTab = 'my'"
+      >
+        {{ $t('views.WordDetail.Tabs.My') }}
+      </TabBarButton>
       <template slot="right">
         <ButtonPlain
           v-if="activeTab === 'ongoing' && maxAmount > 0"
diff --git a/src/components/tipRecords/TipCommentList.vue b/src/components/tipRecords/TipCommentList.vue
index 417ff79a1..1cb6aabf1 100644
--- a/src/components/tipRecords/TipCommentList.vue
+++ b/src/components/tipRecords/TipCommentList.vue
@@ -63,6 +63,7 @@ export default {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
+    padding-bottom: 0;
 
     &:first-child {
       padding-top: 0;
diff --git a/src/router.js b/src/router.js
index d03ec5cd1..17d16c1a3 100644
--- a/src/router.js
+++ b/src/router.js
@@ -90,7 +90,7 @@ const routes = [
     redirect: '/users/:address',
   },
   {
-    path: '/users/:address',
+    path: '/users/:address/:activity?',
     name: 'user-profile',
     component: UserProfile,
     props: true,
diff --git a/src/views/FeedList.vue b/src/views/FeedList.vue
index 029102eb0..af470f80c 100644
--- a/src/views/FeedList.vue
+++ b/src/views/FeedList.vue
@@ -3,13 +3,13 @@
     <div class="actions">
       <SendTip :post="feed !== 'tips'" />
       <div class="feed-category-row">
-        <FilterButton :to="genLocation({ feed: null })">
+        <FilterButton :to-relative="{ query: { feed: null } }">
           <IconFeed /> <span>{{ $t('views.FeedList.main') }}</span>
         </FilterButton>
-        <FilterButton :to="genLocation({ feed: 'tips' })">
+        <FilterButton :to-relative="{ query: { feed: 'tips' } }">
           <IconDiamond /> <span>{{ $t('views.FeedList.tips') }}</span>
         </FilterButton>
-        <FilterButton :to="genLocation({ feed: 'posts' })">
+        <FilterButton :to-relative="{ query: { feed: 'posts' } }">
           <IconPosts /> <span>{{ $t('views.FeedList.posts') }}</span>
         </FilterButton>
         <FilterButton
@@ -20,13 +20,13 @@
         </FilterButton>
       </div>
       <div class="row">
-        <ButtonPlain :to="genLocation({ sortBy: null })">
+        <ButtonPlain :to-relative="{ query: { sortBy: null } }">
           {{ $t('views.TipList.SortingLatest') }}
         </ButtonPlain>
-        <ButtonPlain :to="genLocation({ sortBy: 'hot' })">
+        <ButtonPlain :to-relative="{ query: { sortBy: 'hot' } }">
           {{ $t('views.TipList.SortingMostPopular') }}
         </ButtonPlain>
-        <ButtonPlain :to="genLocation({ sortBy: 'highest' })">
+        <ButtonPlain :to-relative="{ query: { sortBy: 'highest' } }">
           {{ $t('views.TipList.SortingHighestRated') }}
         </ButtonPlain>
         <div class="separator" />
@@ -53,7 +53,6 @@
 
 <script>
 import { mapState, mapMutations } from 'vuex';
-import { pickBy } from 'lodash-es';
 import SendTip from '../components/layout/sendTip/SendTip.vue';
 import FeedPagination from '../components/FeedPagination.vue';
 import ThreeDotsMenu from '../components/ThreeDotsMenu.vue';
@@ -87,15 +86,7 @@ export default {
       return this.$route.query.feed || 'main';
     },
   },
-  methods: {
-    ...mapMutations(['setIsHiddenContent']),
-    genLocation(addToQuery) {
-      return {
-        name: 'feed',
-        query: pickBy({ ...this.$route.query, ...addToQuery }),
-      };
-    },
-  },
+  methods: mapMutations(['setIsHiddenContent']),
   metaInfo: {
     title: 'Tips',
   },
diff --git a/src/views/TipsAndComments.vue b/src/views/TipsAndComments.vue
index 1875a99b5..4fad7e598 100644
--- a/src/views/TipsAndComments.vue
+++ b/src/views/TipsAndComments.vue
@@ -30,7 +30,7 @@
       <template v-if="record">
         <div
           v-if="nestedComments.length === 0 && !showLoading"
-          class="no-results text-center w-100"
+          class="no-results"
           :class="{ error }"
         >
           {{ $t('views.TipCommentsView.NoResultsMsg') }}
diff --git a/src/views/UserProfile.vue b/src/views/UserProfile.vue
index 80f988e5a..f28b6cc97 100644
--- a/src/views/UserProfile.vue
+++ b/src/views/UserProfile.vue
@@ -26,7 +26,7 @@ export default {
   props: {
     address: { type: String, required: true },
   },
-  data: () => ({ hover: false, name: null }),
+  data: () => ({ name: null }),
   async mounted() {
     const { preferredChainName } = await Backend.getProfile(this.address);
     this.name = preferredChainName || this.$t('FellowSuperhero');
diff --git a/src/views/WordBazaar.vue b/src/views/WordBazaar.vue
index 5702d70da..c4fdb7140 100644
--- a/src/views/WordBazaar.vue
+++ b/src/views/WordBazaar.vue
@@ -15,28 +15,23 @@
       </template>
     </BackButtonRibbon>
 
-    <ActivityRibbon
-      value=""
-      :tabs="[]"
-    >
-      <template slot="left">
-        <FilterButton :to="{ name: 'word-bazaar-assets' }">
-          <IconTokens />
-          {{ $t('views.WordBazaar.RibbonTabs.Assets.Text') }}
-        </FilterButton>
-        <FilterButton :to="{ name: 'word-bazaar-create-token' }">
-          <IconPlus />
-          {{ $t('views.WordBazaar.RibbonTabs.Create.Text') }}
-        </FilterButton>
-        <FilterButton :to="{ name: 'word-bazaar-get-ae' }">
-          <IconAe />
-          {{ $t('views.WordBazaar.RibbonTabs.Get.Text') }}
-        </FilterButton>
-        <FilterButton :to="{ name: 'word-bazaar-how-it-works' }">
-          <IconHelp2 />
-          {{ $t('views.WordBazaar.RibbonTabs.How.Text') }}
-        </FilterButton>
-      </template>
+    <ActivityRibbon>
+      <FilterButton :to="{ name: 'word-bazaar-assets' }">
+        <IconTokens />
+        {{ $t('views.WordBazaar.RibbonTabs.Assets.Text') }}
+      </FilterButton>
+      <FilterButton :to="{ name: 'word-bazaar-create-token' }">
+        <IconPlus />
+        {{ $t('views.WordBazaar.RibbonTabs.Create.Text') }}
+      </FilterButton>
+      <FilterButton :to="{ name: 'word-bazaar-get-ae' }">
+        <IconAe />
+        {{ $t('views.WordBazaar.RibbonTabs.Get.Text') }}
+      </FilterButton>
+      <FilterButton :to="{ name: 'word-bazaar-how-it-works' }">
+        <IconHelp2 />
+        {{ $t('views.WordBazaar.RibbonTabs.How.Text') }}
+      </FilterButton>
     </ActivityRibbon>
 
     <RouterView />
diff --git a/src/views/WordBazaarAssets.vue b/src/views/WordBazaarAssets.vue
index 5bfd5a82f..1ea7d72cc 100644
--- a/src/views/WordBazaarAssets.vue
+++ b/src/views/WordBazaarAssets.vue
@@ -1,30 +1,28 @@
 <template>
   <div class="word-bazaar-assets">
     <TabBar>
-      <template slot="left">
-        <TabBarButton
-          :class="{ active: activeTab === 'all' }"
-          @click="activeTab = 'all'"
-        >
-          <span class="desktop">{{ $t('views.WordBazaar.Tabs.All') }}</span>
-          <span class="mobile">{{ $t('views.WordBazaar.TabsMobile.All') }}</span>
-          <IconFilter class="mobile" />
-        </TabBarButton>
-        <TabBarButton
-          :class="{ active: activeTab === 'trending' }"
-          @click="activeTab = 'trending'"
-        >
-          <span>{{ $t('views.WordBazaar.Tabs.Trending') }}</span>
-          <IconFilter class="mobile" />
-        </TabBarButton>
-        <TabBarButton
-          :class="{ active: activeTab === 'recent' }"
-          @click="activeTab = 'recent'"
-        >
-          <span>{{ $t('views.WordBazaar.Tabs.Recent') }}</span>
-          <IconFilter class="mobile" />
-        </TabBarButton>
-      </template>
+      <TabBarButton
+        :class="{ active: activeTab === 'all' }"
+        @click="activeTab = 'all'"
+      >
+        <span class="desktop">{{ $t('views.WordBazaar.Tabs.All') }}</span>
+        <span class="mobile">{{ $t('views.WordBazaar.TabsMobile.All') }}</span>
+        <IconFilter class="mobile" />
+      </TabBarButton>
+      <TabBarButton
+        :class="{ active: activeTab === 'trending' }"
+        @click="activeTab = 'trending'"
+      >
+        <span>{{ $t('views.WordBazaar.Tabs.Trending') }}</span>
+        <IconFilter class="mobile" />
+      </TabBarButton>
+      <TabBarButton
+        :class="{ active: activeTab === 'recent' }"
+        @click="activeTab = 'recent'"
+      >
+        <span>{{ $t('views.WordBazaar.Tabs.Recent') }}</span>
+        <IconFilter class="mobile" />
+      </TabBarButton>
       <template slot="right">
         <SearchInput
           v-if="showSearch"
diff --git a/src/views/WordDetail.vue b/src/views/WordDetail.vue
index 79287fde6..baa44e092 100644
--- a/src/views/WordDetail.vue
+++ b/src/views/WordDetail.vue
@@ -6,28 +6,24 @@
       </template>
     </BackButtonRibbon>
 
-    <ActivityRibbon
-      value=""
-      :tabs="[]"
-    >
-      <template slot="left">
-        <FilterButton
-          :class="{ active: activity === 'info' }"
-          @click="activity = 'info'"
-        >
-          <IconInfo />
-          <span class="desktop">{{ $t('views.WordDetail.RibbonTabs.Info') }}</span>
-          <span class="mobile">{{ $t('views.WordDetail.RibbonTabsMobile.Info') }}</span>
-        </FilterButton>
-        <FilterButton
-          :class="{ active: activity === 'voting' }"
-          @click="activity = 'voting'"
-        >
-          <IconPie />
-          <span class="desktop">{{ $t('views.WordDetail.RibbonTabs.Vote') }}</span>
-          <span class="mobile">{{ $t('views.WordDetail.RibbonTabsMobile.Vote') }}</span>
-        </FilterButton>
-      </template>
+    <ActivityRibbon>
+      <FilterButton
+        :class="{ active: activity === 'info' }"
+        @click="activity = 'info'"
+      >
+        <IconInfo />
+        <span class="desktop">{{ $t('views.WordDetail.RibbonTabs.Info') }}</span>
+        <span class="mobile">{{ $t('views.WordDetail.RibbonTabsMobile.Info') }}</span>
+      </FilterButton>
+      <FilterButton
+        :class="{ active: activity === 'voting' }"
+        @click="activity = 'voting'"
+      >
+        <IconPie />
+        <span class="desktop">{{ $t('views.WordDetail.RibbonTabs.Vote') }}</span>
+        <span class="mobile">{{ $t('views.WordDetail.RibbonTabsMobile.Vote') }}</span>
+      </FilterButton>
+
       <WordBuySellButtons
         v-if="saleContractAddress && activity === 'info'"
         slot="right"