diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 9817ae6fb..697755b9b 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -139,16 +139,10 @@ const headerTabs = $computed(() => [{
 	icon: 'fas fa-user-group',
 	iconOnly: true,
 }] : []),
-...(isRecommendedTimelineAvailable ? [{
-	key: 'recommended',
-	title: i18n.ts._timelines.recommended,
-	icon: 'fas fa-signs-post',
-	iconOnly: true,
-}] : []),
 ...(isLocalTimelineAvailable ? [{
 	key: 'social',
 	title: i18n.ts._timelines.social,
-	icon: 'fas fa-handshake-simple',
+	icon: 'fas fa-share-alt',
 	iconOnly: true,
 }] : []),
 ...(isGlobalTimelineAvailable ? [{
@@ -156,11 +150,17 @@ const headerTabs = $computed(() => [{
 	title: i18n.ts._timelines.global,
 	icon: 'fas fa-globe',
 	iconOnly: true,
+}] : []),
+...(isRecommendedTimelineAvailable ? [{
+        key: 'recommended',
+        title: i18n.ts._timelines.recommended,
+        icon: 'fas fa-comment-medical',
+        iconOnly: true,
 }] : [])]);
 
 definePageMetadata(computed(() => ({
 	title: i18n.ts.timeline,
-	icon: src === 'local' ? 'fas fa-user-group' : src === 'social' ? 'fas fa-handshake-simple' : src === 'recommended' ? 'fas fa-signs-post' : src === 'global' ? 'fas fa-globe' : 'fas fa-home',
+	icon: src === 'local' ? 'fas fa-user-group' : src === 'social' ? 'fas fa-share-alt' : src === 'recommended' ? 'fas fa-comment-medical' : src === 'global' ? 'fas fa-globe' : 'fas fa-home',
 })));
 </script>